我正在创建一个网站,我需要为布局,颜色和排版分隔样式。所以基本上我拿了我的主样式表并且只复制了3次,并删除了除了一个之外的所有东西,除了另一个之外的所有类型,等等。 但是当我现在链接到它们时,必然会出现一些级联问题,因为很多类型的东西都没有被应用。有没有正确的方法来做到这一点?
答案 0 :(得分:1)
我建议遵循这个惯例:
根据目的创建不同的文件。例如。 (reset.css,base.css,typography.css,form.css,ie-specific.css [for IE specific stuffs],print.css)
创建一个ANT进程(如果您使用的是Java)或任何等效的进程。例如。在apache中,您可以执行诸如使用href =“application.css”添加链接之类的操作,并且.htaccess应将application.css的请求重定向到getAllCSS.php之类的内容,并且需要以上所有CSS文件。
所以现在你的浏览器只发出一个请求(即application.css),你仍然可以获得所有的CSS文件。
初始加载时间可能更长,因为我们现在有一个非常大的文件,但它可以被缓存,因此所有后续请求都会很快。
如果您预先定义了所有这些基本样式,则无需为每个元素重新定义样式。
希望这是有道理的。
如果我错了,请纠正我。
答案 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" />
如果它们再次被缓存,只需增加版本号,它将强制服务器重新加载它。