css中的定位和框模型問題

fsl發表於2013-10-10

和定位有關的元素屬性如下

position  元素的定位型別  
絕對定位會相對於最近定位的祖先元素的位置來定位,而不會影響其他框的位置

固定定位

相對定位

z-index   元素的堆疊順序 值越大越靠上

left right top bottom   只有當position設定的時候才起作用

 

框模型

overflow      元素是否溢位

visibility    元素是否可見的

display       框模型定義 行內框  行內塊級框 塊級框 不顯示 四種模式

widht height  

margin  padding  外邊距  內邊距

border   邊框

雖然display設定成none和visibility設定成hidden都是元素不可見,但是display的設定會是元素消失且不佔頁面位置,而visibility則會佔頁面位置

 

 

背景

background-position:left bottom;

background-repeat:no-repeat;

background-color:black;

background-image:url("star.gif");

background-attachment:scroll;

簡寫模式

background:none transparent repeat left top  scrool;

 

 

 

相關文章