【HTML/XML 7】CSS层叠样式表

导读：上篇博客说到用XSL去实现XML文档的表现形式的美化，那么另外一种方式就是CSS的使用。本篇博客系统的介绍CSS，下篇博客，将系统的介绍XSL。

 

一、CSS的发展历史

1996年，层叠样式表（Cascading Style Sheets，CSS）是作为把有关样式属性信息如字体和边框加到HTML文档中的标准方法提出来的。

在W3C的努力下，CSS有一套比HTML更为清晰，数量并不十分巨大的规则集。CSS在应用中不断走向成熟，现在，CSS具有两个不同层次的标准：CSS1和CSS2.

1.1，CSS1

CSS1（CSS Level1）：是CSS的第一层次标准，正式发布于1996年12月17日。后来改版在1999年1月11日进行了修改。CSS1提供简单的样式表机制，使得网页的编者通过附属的样式对HTML文档的表现进行描述。

CSS1语言易读性和可写性都比较强，而且用常见的桌面表现术语对样式进行规定。CSS意味着可以把多个样式表，包括不同来源的单独的样式表，层叠在一起产生最终的文档表现样式。

1.2，CSS2

CSS2（CSS Level2）：在1998年5月12日正式被作为标准发布。CSS2基于CSS1，包含了CSS1所有的特色和功能，而且在多个领域进行了完善。

CSS2，通过把表现样式文档和文档内容进行分离，从而简化了Web的编写和网站的维护。CSS2，支持多媒体样式表，使得能够根据不同的输出设备为文档定制不同的表现样式。CSS2的标准还可以实现内容定位、下载字体、表格布局和自动计数等功能。

总体说来，CSS2是在CSS1的基础上增添了音频样式单、媒体类型、特性选择符和其他新的功能。

 

二、CSS的优势

2.1，方便修改网页样式

由于CSS对网页样式的控制可以独立的进行，这样就使修改网页元素的格式变得很容易，网页的更新工作从此也变得异常轻松。

2.2，减少网页的体积

CSS的强大表现功能，使得可以凭借短短的几行代码来为网页增加特殊的视觉效果，使得网页中使用图片的数量减少。对于大型的网页来说，这样的方法可以明显地提高其下载和显示的效率。

2.3，轻松增加网页的特殊效果

通过图形处理软件，可以将一个图形中需要变化的内容以位图形式输入，在使用相应的滤镜，以GIF或JPEG格式放到网页中发布。但是，过多的使用图像会破坏原有文字的存储格式，并且会延长下载时间。现在，通过使用CSS图像滤镜，就可以在不增加网页体积的情况下，实现一些特殊的视觉效果，为网页增添生气和创意。

2.4，其他

CSS是由W3C制定的标准，得到了最为广泛的支持，所以，CSS具有极其良好的适应性（兼容）。再者，在CSS出现之前，网页设计者，通常都是用表格来进行网页元素定位，但是，表格的适用范围小，并且会减慢浏览器对于网页的解释和显示速度，通过CSS，就可以在网页布局中达到随心所欲的地步。（表格适用于规则的网页排版）

 

三、CSS的功能

3.1，灵活定制网页元素风格

用CSS可逐个地定义元素在页面中的 显示风格，如果想要定义某种元素的多种外观，可以创建这种元素的多个类，把网页中的该元素用不同的类定义就可以了。

3.2，迅速的更新网站风格

 

CSS的出现，把整个网站所有页面的风格信息集中在一个被称为外部CSS样式表的文件中，这是一个以 .CSS为扩展名的文件，任何网页，无论是HTML还是XML编写的，都可以通过一定的语句对这个文档进行引用。通过这种引用，改变了整个网站中的与样式表文件相连接的所有网页。

3.3，组合不同风格的网页

通过CSS，不同的组织和地域中的设计者，只需将自己的内容直接放到网页中去，然后通过将网页和CSS文件相连接，达到多种网页风格的融合。

 

四、总结

一个CSS样式表就是一组规则，每个规则给出此规则所适用的元素的名称，以及此规则要应用于哪些元素的样式。虽然，CSS是通过附属的样式对HTML的内容进行描述，但是，因为HTML承担着CSS标志和HTML标志之间向后兼容的任务（如，要正确的支持CSS的nowrap属性，就要求废除HTML中非标准的但又经常使用的NOWRAP元素），而XML元素没有任何预定义的格式规定，不会限制何种CSS样式只能用于何种元素，所以，CSS和XML的组合要比CSS和HTML更好。