佈局(Layout)屬性:
在以前的HTML裡,元素的位置只能靠元素的依次排列覺得,而在CSS裡你可以更精確的定位元素。Netscape曾提出過Layer標記,它對於精確佈局很有好處,但是並沒有被W3C承認,W3C在CSS提出了類似於Layer標記的功能。
position屬性:
position屬性用來決定元素的位置型別,詳見屬性:
屬性名稱: 'position'屬性值: absolute relative static初始值: static適合物件: 所有元素是否繼承: no百分比備註: 被禁止其屬性值分別代表:absolute:螢幕上的絕對位置。relative:螢幕上的相對位置。static:固有位置。
direction屬性:
direction屬性決定BOX的排列方向,詳見屬性:
屬性名稱: 'direction'屬性值: ltr rtl初始值: ltr適合物件: 所有元素是否繼承: yes百分比備註: 被禁止
float和clear屬性:
在HTML中圖片可以選擇飄浮的位置,現在BOX物件通過CSS對於也可以選擇飄浮的位置。改變BOX的float屬性,BOX將飄浮在其他元素的左或右方:
屬性名稱: 'float'屬性值: left right none初始值: none適合物件: 所有元素是否繼承: no百分比備註: 被禁止
例如:
Some sample text that has no other...
相反的,使用clear屬性將禁止元素在BOX的左方或右方飄浮:
屬性名稱: 'clear'屬性值: left right both none初始值: none適合物件: 所有元素是否繼承: no百分比備註: 被禁止
絕對位置屬性:
絕對位置屬性有四個屬性:top、right、bottom和left,屬性值為長度單位或百分數:
屬性名稱: 'top'、'right'、'bottom'、'left'屬性值:
利用以上屬性,使用者就可以精確定義元素的位置,如:
I used two red hyphens to serve as a change bar. Theywill "float" to the left of the line containing THIS--word.
z-index屬性:
在CSS中允許元素的重疊顯示,這樣就有一個顯示順序的問題,z-index屬性描述了元素的前後位置,如果把電腦螢幕看作X-Y平面的話,那麼Z軸就是垂直於螢幕的,z-index使用整數表示元素的前後位置,數值越大,就會顯示在相對靠前的位置,並且CSS同意在z-index中使用負數。
屬性名稱: 'z-index'屬性值: auto
width屬性:
規定BOX的width屬性,可以使BOX的寬度不依靠它所包含的內容的多少:
屬性名稱: 'width'屬性值:
在CSS中還提供了min-width和max-width屬性,使得BOX的寬度在最小寬度和最大寬度之間。
屬性名稱: 'min-width'屬性值:
屬性名稱: 'max-width'屬性值:
height屬性:
相同的BOX還有height屬性來控制本身的高度:
屬性名稱: 'height'屬性值:
在CSS中還提供了min-height和max-height屬性,使得BOX的高度在最小高度和最大高度之間。
屬性名稱: 'min-height'屬性值:
屬性名稱: 'max-height'屬性值:
overflow屬性:
在規定元素的寬度和高度時,如果元素的面積不足以顯示全部內容的話就要用到overflow屬性:
屬性名稱: 'overflow'屬性值: visible hidden scroll auto初始值: visible適合物件: 元素的position屬性是否繼承: no百分比備註: 被禁止
屬性值含義如下:
visible:擴大面積以顯示所有內容。hidden:隱藏超出範圍的內容。scroll:在元素的右邊顯示一個滾動條。auto:當內容超出元素面積時,顯示滾動條。
clip屬性:
CSS還提供了一種clip屬性,可以把元素區域剪下成各種形狀,但目前提供的只有方形一種:
屬性名稱: 'clip'屬性值:
101平臺線上http://101zaixian.net/
http://101zaixian.net/a/pingtaihuodong/
101娛樂平臺線上http://zaixian101.net/
101娛樂平臺http://zaixian101.net/list/?8_1.html
http://zaixian101.net/about/?19.html
101娛樂平臺線上http://zaixian101.net/about/?15.html
p right bottom left)。
line-height和vertical-align屬性:
line-height屬性可以規定元素內部的行間距,使用長度單位或百分數:
屬性名稱: 'line-height'屬性值: normal
例如下面的例子,雖然表達方式不同,但結果一樣:
DIV { line-height: 1.2; font-size: 10pt }DIV { line-height: 1.2em; font-size: 10pt }DIV { line-height: 120%; font-size: 10pt }
vertical-align屬性決定元素在垂直位置的顯示:
屬性名稱: 'vertical-align'屬性值: baseline sub super top text-top middle bottom text-bottom
屬性值含義如下:baseline:與元素的基線對齊。middle:與元素中部對齊。sub:字下沉。super:字上升。text-top:文字頂部對齊。text-bottom:文字底部對齊。Top:和本行位置最高元素對齊。Bottom:和本行位置最低元素對齊。
Visibility屬性:
該屬性用於控制元素的顯示或隱藏:
屬性名稱: 'visibility'屬性值: inherit visible hidden初始值: inherit適合物件: 所有元素是否繼承: 如果該值為inherit,則繼承父元素屬性百分比備註: 被禁止