1.2.2 CSS3简介

CSS（Cascading Style Sheets，层叠样式表单）简称为样式表，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS是目前最好的网页表现语言之一，所谓表现就是赋予结构化文件内容显示的样式，包括版式、颜色和大小等，它扩展了HTML的功能，使网页设计者能够以更有效的方式设置网页格式。现在几乎所有漂亮的网页都使用CSS，CSS已经成为网页设计必不可少的工具之一。

1.CSS的发展历史

伴随着HTML的飞速发展，CSS也以各种形式应运而生。1996年12月，W3C推出了CSS规范的第一个版本CSS 1.0。这个规范立即引起了各方的积极响应，随即Microsoft公司和Netscape公司纷纷表示自己的浏览器能够支持CSS 1.0，从此CSS技术的发展几乎“一马平川”。1998年，W3C发布了CSS 2.0/2.1版本，这也是至今流行广泛并且主流浏览器都采用的标准。随着计算机软件、硬件及互联网日新月异的发展，浏览者对网页的视觉效果和用户体验提出了更高的要求，开发人员对如何快速提供高性能、高用户体验的Web应用也提出了更高的要求。

早在2001年5月，W3C就着手开发CSS的第3版（即CSS3）的规范，它被分为若干个相互独立的模块。CSS3的产生大大简化了编程模型，不仅对已有功能进行扩展和延伸，更多的是对Web UI设计理念和方法的革新。虽然完整的、规范权威的CSS3标准还没有尘埃落定，但是各主流浏览器已经开始支持其中的绝大部分特性。

2.使用CSS样式控制页面的外观

样式就是格式，在网页中，像文字的大小、颜色及图片的位置等，都是设置显示内容的样式。图1-3所示文字的颜色、大小都是通过CSS样式控制的。

众所周知，使用HTML编写网页并不难，但对于一个由几百个网页组成的网站来说，统一采用相同的格式就困难了。CSS能将样式的定义与HTML文件内容分离，只要建立定义样式的CSS文件，并且让所有的HTML文件都调用这个CSS文件所定义的样式即可。

同时，CSS非常灵活，既可以是一个单独的样式表文件，也可以嵌入在HTML文件中。图1-4所示的代码片段，采用的是将CSS代码内嵌到HTML文件中的方式。虽然CSS代码与HTML结构代码同处一个文件中，但CSS集中编写在HTML文件的头部，仍然符合结构与表现相分离的原则。

图1-3 CSS控制页面外观

图1-4 CSS代码与HTML结构代码的结合