3.1 CSS概述

CSS样式的使用，减少了在HTML中重复的格式设置，如网页的颜色、字体和大小等。另外，在后期的维护中，如果需要修改部分外观样式，只需要修改相应的代码即可。

3.1.1 CSS概述

CSS被称为层叠样式单，它是一种专门描述结构文档的表现方式的文档，主要用于网页风格设计，包括字体大小、颜色、背景以及元素的精确定位等。在传统的Web网页设计里，使用CSS能让单调的HTML网页更富表现力。

CSS样式的使用，使“网页结构代码”和“网页格式风格代码”分离开，将站点上的所有网页都指向某个CSS文件，遇到要修改时，只需更改该CSS文件就可以了。不仅维护简单，还可以使HTML文档代码简练，缩短浏览器的加载时间。W3C组织也大力提倡使用样式单来描述结构文档的显示效果。

3.1.2 CSS的发展历史

CSS的最新版是CSS 3，目前正处于进一步完善中。下面简单地介绍一下CSS的发展历史。

● CSS 1.0：1996年12月，CSS 1.0作为第一个正式规范面试，其中已经加入了字体、颜色等相关属性；

● CSS 2.0：1998年5月，CSS 2.0规范正式推出，这个版本的CSS也是最广为人知的一个版本，以前的前端开发者使用的一般就是这个CSS规范；

● CSS 2.1：2004年2月，CSS 2.1对原来的CSS 2.0进行了一些小范围的修改，删除了一些浏览器支持不成熟的属性，我们可以认为CSS 2.1是CSS 2.0的修订版；

● CSS 3：2010年CSS 3规范推出，这个版本完善了前面CSS存在的一些不足，例如：颜色模块增加了色彩校正、透明度等功能，还增加了变形和动画模块等。

3.1.3 CSS 3的新功能

CSS 3新增了许多的新功能，以前很多效果都需要借助脚本或者图片才能实现，使用CSS 3只需要几行代码就能搞定了，具体的一些新功能如表3-1所示。