1.CSS的含义

CSS是Cascading style Sheet的简称，翻译成中文的含义就是“层叠样式表单”，一般称做“层叠样式表”或“样式表”。它实质上是一系列格式设置规则，它们控制Web页面内容的外观。使用CSS设置页面格式时，内容与表现形式是相互分开的。页面内容（HTML代码）位于自身的HTML文件中，而定义代码表现形式的CSS规则位于另一个文件（外部样式表）或HTML文档的另一部分（通常为＜head＞部分）中。使用CSS可以非常灵活并更好地控制页面的外观，从精确的布局定位到特定的字体和样式等。之所以称做“层叠”是因为同一段文字可以用多个样式表从不同角度进行修饰，可以使用一个样式表设置颜色，使用另外一个样式表设置字体。

举个例子，在Word中有一个“格式刷”，选中一段设置精美格式的文字并单击“格式刷”后，在欲设置格式的一段文字上轻轻一刷，这段文字格式就设置完毕。网页制作中的CSS与Word中的格式刷极为类似，我们只需要将文字的字体、字号、颜色、行距以及其他风格设置成样式并存储，在需要设置为这一格式的地方，选中欲设置的文本，轻轻一刷即可完成设置工作。

2.CSS样式的分类

CSS样式表按其位置的不同可以分为内联样式（Inline Style）、内部样式表（Internal Style Sheet）、外部样式表（External Style Sheet）3类。

1）内联样式（Inline Style）。内联样式是写在HTML标记之中的，它只针对自己所在的标记起作用。例如：

＜p style=“font-size：l2px；color：green；”＞美丽的鹤城，我的家＜/P＞

上面的实例中，以P标记开始，＜/p＞标记结束构成了一个文字段落，其中的style定义段落中的字体大小是12像素，颜色为绿色，其作用范围是该段内部。

2）内部样式表（Internal Style Sheet）。内部样式表是写在＜head＞＜/head＞里面的，它只针对所在的HTML页面有效。(www.daowen.com)

3）外部样式表（External Style Sheet）。把内联样式表中的＜style＞＜/style＞之间的样式规则定义语句放在一个单独的外部文件中，这个外部文件就是外部样式表文件，其扩展名是.css。一个外部样式表文件可以通过＜link＞标签连接到HTML文档中。

3.层的含义

层是一种HTML页面元素，可以将它定位在页面上的任意位置。图层除了像表格一样可以设定背景、位置、自由移动、响应事件、控制显示外，还可以轻松建立三维效果，我们可以使网页中的对象在垂直方向互相重叠，再配合Timeline的应用可以做出意想不到的效果，使网页更加生动，动感十足。因此，局部处理图层能给网页增色不少。当我们使用CSS-P的时候，我们主要把它用在DIV上。当把文字和图像等放在DIV中时，它可称做“DIV block”，或“DIV element”或“CSS-layer”，或干脆称做“layer”。而中文我们把它称做“层次”。所以当以后看到这些名词的时候，就知道它们是指一段在DIV中的HTML。

4.CSS+DIV的页面排版优越之处

采用CSS+DIV进行网页布局与采用表格方式进行网页布局相比具有以下3个显著优势。

1）表现和内容相分离。CSS是以独立的外部样式表文件存在的，而实际显示的文本内容则存放于HTML文件中。如果用表格方式布局，样式与文本内容是混合在一起的。这种组成结果对搜索引擎更加友好，更加有利于页面被百度、雅虎等搜索引擎收录。

2）提高页面浏览速度。样式与内容的分离，最直接的特征就是HTML中大量用于样式设置的标签不见了，原本臃肿的HTML文件瘦身了，网页文件大大变小了，页面的浏览速度随之提高了。

3）易于维护和改版。采用CSS+DIV的页面布局方式，原本要修改的数十处乃至数百处格式，只需要在CSS中进行一次修改，所有使用该样式之处全部随之改变。只要简单地修改几个CSS文件就可以重新设计整个网站的页面。