1.3　CSS的基本概念

1.3.1　什么是CSS

CSS（Cascading Style Sheet，层叠样式表）是一组格式设置规则，用于控制Web页面的外观。

通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分开。

1.3.2　CSS的发展史

CSS最早于1996年由W3C审核通过并推荐使用，被称为CSS1，CSS1比较全面地规定了文档的显示样式，主要包括选择器、以及一些基本的样式。1998年，W3C推出了CSS2，CSS2在CSS1的基础上添加了新的选择器，改进了位置属性以及添加了新的媒体类型等。在实现CSS2标准时花费了很长时间，遇到了很多的问题，于是，2007年W3C对CSS2进行了修订、修改，同时又删除了一些属性和样式，推出了CSS2.1。2001年W3C开始着手CSS3标准的制定，与前面的版本不一样，CSS3不是一个独立的完整版本，而是拆分成了若干个独立的模块，如选择器模块和盒模型模块等，这些拆分有利于整个标准的及时更新和发布，也有利于浏览器厂商的实现。然而每个模块的进度都不一样，比如选择器模块可能已经有标准了，而像grad布局可能还处在一个起草阶段，所以说CSS3的全面支持与推广还需要很长一段时间。但现在一些主流浏览器已经开始支持CSS3的部分属性了，开发者在开发中也已经用到这些属性，特别是在移动端的开发中，像页面中的动画、圆角等效果，基本上都是用CSS3的属性来做的。

1.3.3　HTML和CSS的优缺点

（1）HTML主要有3个缺点，如下所示。

　HTML代码不规范，臃肿，需要足够智能和庞大的浏览器才能够正确显示页面。

　数据与表现混杂，当页面要改变显示时，就必须重新制作HTML。

　不利于搜索引擎搜索。

（2）HTML有两个显著的优点，如下所示。

　使用Table的表现方式不需要考虑浏览器兼容问题。

　简单易学，易于推广。

（3）CSS的优点产生恰好弥补了HMTL的缺点，主要表现在以下几个方面。

　表现与css的结构分离。

CSS2从真正意义上实现了设计代码与内容的分离，它将设计部分剥离出来并放在一个独立的样式文件中，HTML文件中只存放文本信息，这样的页面对搜索引擎更加友好。

　提高页面浏览速度。

对于一个页面视觉效果，采用CSS布局的页面容量要比Table编码的页面文件容量小得多，前者一般只有后者的1/2，浏览器不用去编译大量冗长的标签。

　易于维护和改版。

开发者只要简单修改几个CSS文件，就可以重新设计整个网站的页面。

　继承性能优越（层叠处理）。

CSS代码在浏览器的解析顺序上会根据CSS的级别进行，它按照对同一元素定义的先后来应用多个样式，良好的CSS代码设计可以使代码之间产生继承关系，能够达到最大限度的代码重用，从而降低代码量及维护成本。

　易于被搜索引擎搜索。

由于CSS代码规范整齐，且与网页内容分离，所以引擎搜索时仅分析内容部分即可。

（4）CSS主要缺点在于需要考虑浏览器兼容性的问题。