常用CSSDIV排版技术用法剖析.doc

5、V排版技术主要用于规则排列的文本块、图片、控件等。举例：.list1{height:20px;}.list1ul{list-style-type:none;margin:0px;}.list1li{float:left;margin-right:5px;}

• [1]
• [2]
• [3]
• [4]

6、素浏览器窗口的左上角坐标为(0,0)，x坐标向右，y坐标向下，此为CSS+DIV排版技术之绝对坐标定位。CSS提供了几个位置属性，可以设置对象在页面中的位置。position：当它取值为absolute时，表示对象使用绝对坐标定位。left、top：对象的左上角坐标。right、bottom：对象的右下角坐标。z-index：对象的层叠顺序。取值为一个整数。用绝对坐标定位的对象是可以发生重叠的，如果没有指定层叠顺序，则后定义的对象位于上层，如果指定了“z-index”值，则值大的位于上层。举例：#

7、m1{width:120px;height:100px;border:4pxdouble#0000FF;position:absolute;left:50px;top:10px;z-index:1;}#m2{width:120px;height:100px;border:4pxdouble#0000FF;position:absolute;left:185px;top:10px;z-index:2;}#m3{width:120px;height:100px;border:4pxdouble#0000FF;position:absolute;left:320p

8、x;top:10px;z-index:3;}