上面提到过,不仅可以将所有样式信息集中到页面的一个地方,而且还可以为其创建一个样式表文件,它可以应用于多个页面。这可以通过这样一个过程来做到:先将一个样式表存储起来,然后在其他页中再引入这个样式表文档。运用这一特性,可以很快创建一个网页风格一致的网站。而且当需要改变网站的网页风格时,只需对这样一个样式表文件作修改,其变化就可以影响到整个网站服务器——自动影响!
重复利用
考虑这样一个网站,所有的标题都是在白色背景上显示灰色文本。它们将从下面这样一个样式表中获取颜色:
H1,H2,H3,H4,H5,H6{
color:gray;
background:white;
}
现在假设此网站有700张网页,每个网页都使用这样一个样式表。但由下某种原因,决定将标题变为在灰色背景上显示白色。因此网站的管理员可以像下面这样编辑样式表:
H1,H2,H3,H4,H5,H6{
color:white;
background:gray;
}
然后将其存盘,改动就算完成了。这当然要比将每个标题逐一放到表格和FONT标签里要简单多了,更何况是700张页面,难道不是吗?
样式层叠
CSS的特性还不只这些!它还对冲突规则做了约定,这些约定指的就是层叠。例如,在前面的例子中,将一个样式表引入到整个网站页面中。现在要另外再插入一组网页,这些网页共享了大部分样式,但还是有只适用于它们自己的特殊的样式规则。可以创建另一个样式表,将其引入到这些网页中,同时附加上已经存在的样式表,或者仅仅将这些特殊的样式放置到需要它们的网页里。
例如,有一页同其他700页都不同,它不是在灰色背景上显示白色,而是在深蓝色背景上显示黄色。在这个网页里,就可以插入这样一条规则:
H1,H2,H3,H4,H5,H6{
color:yellow;
background:blue;
}
而由于层叠的特性,这条规则将覆盖原来引入的”白-灰”标题。所以,理解了层叠的特性并很好地运用它们,就可以创作出许多高质量的样式表,从而赋予网页专业的、易于修改的外观样式。
这种能力并不仅限于制作者。网络冲浪者(或读者),也可以在某些浏览器上创建自定义的样式表,我们称之为读者样式表,很奇妙吧。这些样式表可以层叠制作者的样式,和用浏览器层叠一样。这样,一位色盲的读者就可以创建一种样武,使超链接更为醒目:
a:link{
color:white;
background:black;
}
读者样式表几乎可以包含任何东西:如果用户弱视,则可以使文本足够大以便于阅读;去除图像的规则以使阅读和浏览的速度更快;甚至可以将用户最喜欢的图片放到每个文档的背景上(当然不推荐这样做,但这是可能的)。这样,读者不必去掉所有制作者的样式就能定制他们自己的网页风格。
由于其样式表的可引入、可层叠以及多样化的效果,使得CSS成为制作者和读者们非常有用的工具。