CSS2 参考
日期：2013-06-08 浏览次数：20938 次
一、什么是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 Explorer4和Netscape Navigator4都宣传支持款式单，但从各方面来看IE4的效果都要超过NE4，这是由于IE4和NE4的Javascript文档模型（DOM）不同而形成的，从表面看，二者的模型区别不大，但实质上却是大相径庭，IE4的模型能够愈加容易的把动态效果引入Web页面，虽然如今IE4的模型只要微软本人支持，但它却已被清楚的写入了W3C的DHTML标准；而NE4的款式单并不能通过脚本调用对象的属性，说的不好听一点，它的款式单只是徒有其表罢了。（Netscape公司本人开发了一种款式单称作JSSS，它利用Javascript来定义款式，但是并没有得到W3C的承认。）
二、进一步了解款式单
Cascading Style Sheet中的Cascading是“层叠”的意思，也就是说在同一个Web文档中可以有多个款式单存在，这些款式单依据所在的位置，拥有不同的优先级，优先级越高，就会被最后在显示时采用。从款式单插入的方式来看可以分为三种：
内联式款式单：它利于现有的HTML标记，把特殊的款式加入到那些由标记控制的信息中，比如刚才的例子。
嵌入式款式单：它和Javascript一样可以嵌入到HTML文件的头部中去（<html>和<body>标记之间），使用<Style>和</Style>容器装载，例如：“<style> p {color : red ; font-weight : bold} </style>”，这样会对页面中所有<p>标记都起作用。
外部式款式单是一种保存在外部的款式单文件，外部文件以.CSS为扩展名，例如：“<link rel=stylesheet href=”main-sheet.css” type=”text/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 Explorer4和Netscape Navigator4都宣传支持款式单，但从各方面来看IE4的效果都要超过NE4，这是由于IE4和NE4的Javascript文档模型（DOM）不同而形成的，从表面看，二者的模型区别不大，但实质上却是大相径庭，IE4的模型能够愈加容易的把动态效果引入Web页面，虽然如今IE4的模型只要微软本人支持，但它却已被清楚的写入了W3C的DHTML标准；而NE4的款式单并不能通过脚本调用对象的属性，说的不好听一点，它的款式单只是徒有其表罢了。（Netscape公司本人开发了一种款式单称作JSSS，它利用Javascript来定义款式，但是并没有得到W3C的承认。）
二、进一步了解款式单
Cascading Style Sheet中的Cascading是“层叠”的意思，也就是说在同一个Web文档中可以有多个款式单存在，这些款式单依据所在的位置，拥有不同的优先级，优先级越高，就会被最后在显示时采用。从款式单插入的方式来看可以分为三种：
内联式款式单：它利于现有的HTML标记，把特殊的款式加入到那些由标记控制的信息中，比如刚才的例子。
嵌入式款式单：它和Javascript一样可以嵌入到HTML文件的头部中去（<html>和<body>标记之间），使用<Style>和</Style>容器装载，例如：“<style> p {color : red ; font-weight : bold} </style>”，这样会对页面中所有<p>标记都起作用。
外部式款式单是一种保存在外部的款式单文件，外部文件以.CSS为扩展名，例如：“<link rel=stylesheet href=”main-sheet.css” type=”text/css”>”。
在使用时可以依据需求随意运用以上三种方式，但在实际中内联式款式单和嵌入式款式单使用得更多一些。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
