1、灵活控制网页中文字大小、字体、颜色、间距风格及位置。
2、可以精确的控制网页中各元素的位置。
3、可以与脚本语言相结合。
你在一个CSS中定义你想要的网页的每一个块级元素的属性，比如块的大小，边框，背景，位置等等，然后在网页中设置块的时候可以调用这些属性，比如：在CSS中：.top1{ width:970pxheight:autopadding:0px 10px 0px 10pxfont-size:12pxcolor:#818181overflow:hidden}
在网页中的就可以这样写这个块：<div class="top1">这个里面就是你定义的top1的内容填充区，样式就是刚才上面写的宽为970px高度自适应；内边距分别为：0,10,0,10px字体大小：12px字体颜色的值为#818181的十六进制</div>
1、新建一个html文件，命名为test.html
2、在test.html文件内，使用css设置页面所有的div宽度为300px，高度为300px，div的位置为绝对定位。
3、在test.html文件内，创建三个div，并用文字标识，分别为底层div、中层div、最顶层div。
4、在test.html文件内，分别给三个div设置class属性为one、two、three，用于下面对类名进行样式设置。
5、在css标签内，设置类名为one的div样式，设置其背景颜色为红色，距离页面左边缘为0，距离页面上边缘为0，同时使用z-index设置其层级为1。
6、在css标签内，设置类名为two的div样式，设置其背景颜色为黄色，距离页面左边缘为50px，距离页面上边缘为50px，同时使用z-index设置其层级为2，即在类名为one的div的上面。
7、在css标签内，设置类名为three的div样式，设置其背景颜色为粉红色，距离页面左边缘为100px，距离页面上边缘为100px，同时使用z-index设置其层级为3，即在页面三个div中的最顶层。
8、在浏览器打开test.html文件，查看实现的层级效果。
