CSS简短总汇2

(三)列表与方块

方块: 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:清除浮动。<div style="clear:both"></div>

posted on 2015-04-18 11:21  冰冥寒流  阅读(94)  评论(0编辑  收藏  举报