(三)列表与方块
方块: width: height: top: left:
列表: list-style-type: list-style-position: list-style-image:
dispaly: none-不显示;block-块显示(独占一行) ;inline-不独占一行(width,height不管用);inline-block:不独占一行(width,height管用)。
visibility:是否可见。 visible-可见;hidden-隐藏。如果隐藏起来,但位置依然是占用的。
overflow:溢出处理。 hidden-隐藏超出部份;scroll-超出就显示滚动条。
(四)格式与布局
位置布局。
position: 配合的样式属性(这些属性是在标签内出现position属性后,书写才代表有效):top,left,right,bottom.........
fixed:绝对定位。以浏览器可见区域为坐标系进行定位。不是页面为坐标系定位。通常用来做浮动层。ie6不支持。
relative:相对定位。相对的意思是:相对于该元素原本应当在的那个位置。虽然元素显示的位置变化了,但原来的空间是依然占用的。
absolute:绝对定位。1、如果元素外围的元素没有设置postion样式,那么它以整个页面为坐标系进行定位。
2、如果这个元素外围有一个元素具有postion样式属性,那此它是以这个外围元素为坐标系进行定位。
(对于第二种情况,只在乎上一个层中是否含有position,对于position后面的值不管;这个div就可以在上一层的div里边进行定位。)
流式布局。
float: 配合的样式属性:margin-top,margin-right,margin-bottom,margin-left clear:清除浮动。