自W3C (The World Wide Web Consortium )制定了代号为Cougar 的Html 的4.0 版本以来,存在在Web 页面中的动态效果首次被正式的承认了,W3C 把动态超文本(Dynamic HTML )的实现分为了三个部分:脚本、支持动态效果的浏览 器和Css 。前两者也许你经常用到,但CSS 是什么或许你并不清楚,如果有过制作Web 页面的经历,你可能听说过样式单或风格单,如果对此你亦无耳闻,不要紧,只要你想制作出具有更多新特性的Web 页,本文将同样适合于你。(请使用IE4或IE5对CSS手册中的属性实例进行验证)一、什么是CSS ? CSS 是Cascading Style Sheet 的缩写,有些书上把它译为" 层叠样式单" 或" 级联样式单" (下文简称" 样式单" ),在1997 年W3C 颁布HTML4 标准的同时也公布了有关样式单的第一个标准CSS1 。样式单是对以前的HTML (3.2 以前的HTML 版本)语法的一次重大革新,以前的HTML 版本中,各种功能的实现是通过标记元素实现的,这也造成了各个浏览器厂商为了标新立意创建各种只有自家支持的标记,各种标记互相嵌套,就可以达到不同的效果,比如要在一段文字中把一部分文字变成红色,HTML3.2 中应该是这样的:
<p><font color=red> 这里显示红色字</font></p>
而在样式单中,把某些标记(如上例中的"font" 标记)属性化,利用样式单,上例可以变成:
<p style="color:red"> 这里显示红色字</p>
这就是样式单的全部功能吗?远远不是!前面说过样式单是DHTML 的一部分,建立样式单的真正意义在于把对象真正引入了HTML ,使得可以使用脚本程序(如javascript 、VBScript )调用对象属性,并且可以改变对象属性,达到动态的目的,这在以前的HTML 中是无法实现的,如果你使用过如VB 等面向对象的编程 工具,你会更快的发现,用样式单做DHTML 是多么容易。样式单的另一项贡献是简化了HTML 中各种繁琐的标记,使得各个标记的属性更具有一般性和通用性,并且样式单扩展了原先的标记功能,能够实现更多的效果,样式单甚至超越了Web 页面的本身显示功能,而把样式扩展到多种媒体上,显示了难以抗拒的魅力。
样式单自从CSS1 的版本之后,又在1998 年5 月发布了CSS2 版本,样式单得到了更多的充实。Internet EXP lorer4 和Netscape Navigator4 都宣传支持样式单,但从各方面来看IE4 的效果都要超过NE4 ,这是因为IE4 和NE4 的Java script 文档模型(DOM )不同而造成的,从表面看,二者的模型区别不大,但实质上却是大相径庭,IE4 的模型能够更加容易的把动态效果引入Web 页面,虽然现在IE4 的模型只有微软自己支持,但它却已被清楚的写入了W3C 的DHTML 标准;而NE4 的样式单并不能通过脚本调用对象的属性,说的不好听一点,它的样式单只是徒有其表罢了。(Netscape 公司自己开发了一种样式单称作JSSS ,它利用Javascript 来定义样式,但是并没有得到W3C 的承认。)
复制本页网址和标题,发送给你QQ/Msn的好友一起分享
上一篇:如何走向高阶---css的学习心得
下一篇:[xml] xml ,xsl,css 之乱搞