您的位置:寻梦网首页编程乐园CSS 初步CSS/层叠样式表手册

CSS 索引CSS 结构CSS 属性

 

现在开始样式表!


样式表已经诞生了许多年了,但因为在实现方面的缺乏,它的强大性和重要性在很大程度上未被注意到。网页制作者渴望通过改变Web的展示来为自己的网页加入创新的动力,于是开始使用Netscape专有的扩展功能,而不是更强大的样式表。这是很自然的,因为Netscape的专有扩展可以被大部分的网页浏览者所看见,而强大的样式表却很少人能看见。

今天,越来越多的浏览器实现了样式表,允许改善整个展示同时保留平台独立性的独有特性开阔了网页制作者的视野。样式表的优点变得更明显,虽然不断地为展示效果而加入更多的HTML标记是一个缺点。

Netscape的BODY属性现在更加广泛地被网页所应用,而且成为了HTML 3.2的标准。可是,BGCOLORTEXT和其他属性的灵活程度完全比不上样式表。大部分的背景图象会任由网页不能让那些只有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 索引CSS 结构CSS 属性

翻译:Water Tang and Xianzhen Liang