CSS(层叠样式表)是一种用来设计网页的标记语言，和HTML一样是一种解释性语言。例如，设计链接文本最初显示为蓝色，当光标移动时，字体变为红色并带有下划线，这是一种样式。通过设计样式表，您可以控制HTML中每个标签的显示属性。CSS允许用户更有效地控制网页的外观，准确地指定网页元素的位置，以及创建和观察特殊效果。有了CSS，网页的结构和内容可以从表现中分离出来。网页的结构和内容存储在HTML文档中，而用于定义表示的CSS规则存储在另一个CSS样式表文件中。文档结构的基本元素是div元素。许多读者错误地认为div元素没有语义，但实际上，div代表block，它提供了一种将文档划分为有意义区域的方法。通过将主要内容区域包含在一个div中并分配一个ID名称，可以为文档添加结构和含义。网站重构概念的出现也让div结构布局流行起来，于是出现了div css这种网站布局的名称。从单个div css的名字分析可以知道，css的作用已经被认识到并运用到页面布局中。但是一个页面并不只是控制div来控制一切。HTML中有很多标签，使用过表格布局的页面都可以用CSS控制。
CSS代码分为样式，样式是CSS代码的最小单位。每个CSS样式(也称为规则)必须有两个部分：选择器和声明。比如body { padding:0px }；一个样式可以包含不止一个声明，而是无限个声明，例如：body { font-size:14px；颜色：#000}
1.使用记事本键入网页。
2.然后在styletype='text/css '标记中输入以下样式代码。定义将div元素显示为带有蓝色边框的方形框，并在一行中并排显示，添加4px边界。
然后将其保存为test.html网页文档，在文档中定义两个div元素，并将它们的class属性值分别设置为绿色和红色。
的总代码是：DOCTYPEhtmlPUBLIC '-//W3C//dtdxhtml 1.0 transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-transitional . DTD ' htmlxmlns=' http://www . w3 . org/1999/XHTML ' headmetahttp-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 '/style type=' text/CSS ' div {/*定义div元素显示为正方形*/width:200 px；高度：200px边框：solid 2 px blue；浮动：左；保证金：4px}.绿色{背景色：绿色；}/*将背景色设置为绿色*/。红色{背景色：红色；}/*设置背景色为红色*//styletitle动手练习/title/headbydivclass=' red '/div div class=' green '/div/body/html
特别提示
这里css样式表是以嵌入的方式插入的。
