规划、组织和维护样式表

首先,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文件可以显著提高下载速度。

posted @ 2012-07-04 23:14  beixiao1909  阅读(294)  评论(0编辑  收藏  举报