使用多个样式表的正确方法......所以它有效吗?

时间:2010-06-17 20:56:30

标签: css stylesheet

我正在创建一个网站,我需要为布局,颜色和排版分隔样式。所以基本上我拿了我的主样式表并且只复制了3次,并删除了除了一个之外的所有东西,除了另一个之外的所有类型,等等。 但是当我现在链接到它们时,必然会出现一些级联问题,因为很多类型的东西都没有被应用。有没有正确的方法来做到这一点?

4 个答案:

答案 0 :(得分:1)

我建议遵循这个惯例:

  1. 根据目的创建不同的文件。例如。 (reset.css,base.css,typography.css,form.css,ie-specific.css [for IE specific stuffs],print.css)

  2. 创建一个ANT进程(如果您使用的是Java)或任何等效的进程。例如。在apache中,您可以执行诸如使用href =“application.css”添加链接之类的操作,并且.htaccess应将application.css的请求重定向到getAllCSS.php之类的内容,并且需要以上所有CSS文件。

  3. 所以现在你的浏览器只发出一个请求(即application.css),你仍然可以获得所有的CSS文件。

    初始加载时间可能更长,因为我们现在有一个非常大的文件,但它可以被缓存,因此所有后续请求都会很快。

  4. 如果您预先定义了所有这些基本样式,则无需为每个元素重新定义样式。

    希望这是有道理的。

    如果我错了,请纠正我。

答案 1 :(得分:0)

解决这个问题的一个简单方法是使用适用于Firefox的Firebug加载项。检查您知道应该应用了类型样式的给定元素,它将显示应用于该特定元素的内容。

答案 2 :(得分:0)

首先关闭。我建议不要进行这种拆分,因为从优化角度来看,这会增加额外的加载时间请求

要回答你的问题,请先切换它们,先加载结构,然后再换色,然后输入。

答案 3 :(得分:0)

可能不相关,但有时ASP.NET网站会将您的css文件缓存在服务器上。

您可以通过在样式链接的末尾添加?version = 1来修复它。例如:

<link rel="stylesheet" type="text/css" href="css/structure.css?version=1" />

如果它们再次被缓存,只需增加版本号,它将强制服务器重新加载它。