规划、组织和维护样式表
首先,p话一下,今天买了个戒指。希望这个朋友以后能释怀,以后能变成我想的那个样子,不浪费这次大老远来看我。不然我会觉得没有意义。
正文:
站点越大、越复杂,图形越丰富,css就越难管理。
我们可以将样式放在style标签之间,从而直接在文档头加样式,但是这不是对文档应用样式的好方法。如果要创建使用相同样式的另一个页面,那就不得不在新页面上复制css。
将外部样式表附加到网页上有两种方式,可以链接它们,也可以导入它们。
<link href="" rel="stylesheet" type="text/css" />
<style type ="text/css">
<!--
@import url("");
-->
</style>
除了导入到html文档之外,还可以从另一个样式表导入样式表。因此你可以从html页面链接基本样式表,然后讲复杂的样式表导入这个样式表:
@import url(/css/layout.css);
@import url(/css/***.css);
把css分割为多个样式表是一种常见的方式,但是最近浏览器基准测试已经表明,导入样式表比链接样式表慢。
在使用多个css文件时,还有两个与速度相关的问题。首先,多个文件会导致服务器发送更多的数据包,这些数据包的数量(而不是内容)会影响下载时间。另外浏览器只能从一个域同时下载数量有限的文件。对于老式的浏览器,这个限制长长只是两个文件,现代浏览器把这个限制提到了8个。因此有3个样式表的话,那么在老式浏览器中必须等下载完前两个文件,才能开始下载第三个。由于这些原因,使用结构良好的单一css文件可以显著提高下载速度。