(CSS层叠样式表.docVIP

样式表已经诞生了许多年了，但因为在实现方面的缺乏，它的强大性和重要性在很大程度上未被注意到。网页制作者渴望通过改变Web的展示来为自己的网页加入创新的动力，于是开始使用Netscape专有的扩展功能，而不是更强大的样式表。这是很自然的，因为Netscape的专有扩展可以被大部分的网页浏览者所看见，而强大的样式表却很少人能看见。 今天，越来越多的浏览器实现了样式表，允许改善整个展示同时保留平台独立性的独有特性开阔了网页制作者的视野。样式表的优点变得更明显，虽然不断地为展示效果而加入更多的HTML标记是一个缺点。 Netscape的BODY属性现在更加广泛地被网页所应用，而且成为了HTML?3.2的标准。可是，BGCOLOR、TEXT和其他属性的灵活程度完全比不上样式表。大部分的背景图象会任由网页不能让那些只有16色显示的人所接受；而对于一些网页256色仍很难接受。使用传统的BODY属性，一个网页制作者必须权衡使用背景图象的好处是否比付出的代价还重；使用样式表的话，网页制作者可以用一些不同的样式表提交一批不同的图象，以便用户可以根据自己的系统可以显示的颜色而选择是“24位样式表”或“8位样式表”。如果网页制作者提供的样式表都不适合用户，用户只要忽略网页制作者的样式就是了。 样式表可以令到网页制作者的工作更加轻松。当每个水平规则的语句都需要使用HR WIDTH=75% SIZE=5 ALIGN=center的时候，网页制作者将觉得非常麻烦。使用样式表，只需要指定这样的参数一次，样式就会被整个网站所应用。而且如果网页制作者觉得WIDTH=50%会更好的话，那么他只需要在一处地方改变这个参数，而不是找遍几百页来更改HTML。不仅仅如此，当一个文件包含了所有的样式信息时，样式表还可以减少下载的时间呢。 样式表也为他们提供的展示效果的项目给予更多的灵活性。属性，例如颜色、背景、边界、边框和许多的更多都能被所有的元素所应用。仅仅使用HTML和它专有的扩展，必须依赖像BGCOLOR之类的属性，而这些属性只对于少数的一些元素有效。样式表给予应用一个样式到所有的段落、或所有的二级标题、或所有的强调文字很大的灵活性。 使用样式表，网页制作者可以使用文本缩进属性来缩进文本，而不是借助丑陋的拙集，如DD或 IMG SRC=blank.gif WIDTH=10 ALT=带来许多负面的周边效果。边界可以被更改而不用将整页放入到表格中。样式表也可以减少文件的找寻和替换；如果网页制作者决定改变网站中所有段落的缩进，他只需要改变样式表中的一行就行了。 样式表在Web方面迈开了一个巨大的前进步伐。随着HTML和样式表的内容和展示之间的差距，Web不再需要放弃优秀的思想——平台独立性。网页制作者最终可以改善文档的展示而不会令到用户不能阅读网页。 已经支持CSS的浏览器 　支持CSS的浏览器数字在继续迅速地增长。扮演重要角色的Netscape Navigator?4.0支持大多数的CSS1和CSS 定位。Microsoft Internet Explorer 3不完全地支持CSS1，而良好的CSS1和CSS 定位被应用到IE4中，伴随着早期的CSS 打印支持。 长期以来，在UNIX平台上的Emacs-W3和Arena都支持样式表，而且W3C的Amaya浏览器将CSS 支持融合到一个所见即所得的编辑器以制作强大的CSS网页。 超越 CSS1 在将来, CSS1的扩展将致力于更好地支持网页打印, 言语样式和凸字输出, 定位, 字体和与设备无关的色彩。 CSS 速成 一个样式表由样式规则组成, 以告诉浏览器怎样去呈现一个文档. 有很多将样式规则加入到你的HTML文档中的方法, 但最简单的启动方法是使用HTML的STYLE组件. 这个元素放置于文档的HEAD部分, 包含网页的样式规则. 要注意到尽管STYLE元素是试验样式表的好方法, 它具有某些在用户使用这种方法之前应该考虑的缺点. 不同方法的优点和缺点在将样式表加入到HTML中部分中有讨论。 每个规则的组成包括一个选择符--通常是一个HTML的元素, 例如BODY, P, 或EM--和该选择符所接受的样式. 有很多的属性可以用于定义一个元素. 每个属性带一个值, 共同地描述选择符应该如何呈现. 样式规则组成如下: 选择符 { 属性: 值 } 单一选择符的复合样式声明应该用分号隔开: 选择符 { 属性1: 值1; 属性2: 值2 } 以下是一段定义了H1和H2元素的颜色和字体大小属性: HEAD TITLECSS例子/TITLE STYLE TYPE=text/css H1 { font-size: x-large; color: red } H2 { font-size: large; color: blue