探究四大CSS屬性用法
本文和大家重點(diǎn)討論一下CSS屬性中四個(gè)屬性的用法，它們分別是DIV絕對定位屬性，z-index屬性，overflow屬性和clip屬性，每個(gè)屬性都有各自的特點(diǎn)和作用，相信通過本文的介紹你對它們的用法會有一個(gè)全面的認(rèn)識。
四大CSS屬性用法
◆DIV絕對位置屬性：
CSS屬性種DIV絕對位置屬性有四個(gè)屬性：top、right、bottom和left，屬性值為長度單位或百分?jǐn)?shù)：
屬性名稱:'top'、'right'、'bottom'、'left'
屬性值:<length><percentage>auto
初始值:none
適合對象:所有元素
是否繼承:no
百分比備注:被禁止
利用以上屬性，用戶就可以精確定義元素的位置，如：
- <PstylePstyle="position:relative;margin-right:10px;left:10px;">
- Iusedtworedhyphenstoserveasachangebar.They
- will"float"totheleftofthelinecontainingTHIS
- <SPANstyleSPANstyle="position:absolute;top:auto;
- left:0px;color:red;">--</SPAN>
- word.</P>
◆z-index屬性：
在CSS中允許元素的重疊顯示，這樣就有一個(gè)顯示順序的問題，CSS屬性中的z-index屬性描述了元素的前后位置，如果把電腦屏幕看作X-Y平面的話，那么Z軸就是垂直于屏幕的，z-index使用整數(shù)表示元素的前后位置，數(shù)值越大，就會顯示在相對靠前的位置，并且CSS同意在z-index中使用負(fù)數(shù)。
屬性名稱:'z-index'
屬性值:auto<integer>
初始值:auto
適合對象:使用position屬性的元素
是否繼承:no
百分比備注:被禁止
◆overflow屬性：
在規(guī)定元素的寬度和高度時(shí)，如果元素的面積不足以顯示全部內(nèi)容的話就要用到CSS屬性中的overflow屬性：
屬性名稱:'overflow'
屬性值:visiblehiddenscrollauto
初始值:visible
適合對象:元素的position屬性
是否繼承:no
百分比備注:被禁止
屬性值含義如下：
visible：擴(kuò)大面積以顯示所有內(nèi)容。
hidden：隱藏超出范圍的內(nèi)容。
scroll：在元素的右邊顯示一個(gè)滾動(dòng)條。
auto：當(dāng)內(nèi)容超出元素面積時(shí)，顯示滾動(dòng)條。
◆clip屬性：
CSS屬性中還提供了一種clip屬性，可以把元素區(qū)域剪切成各種形狀，但目前提供的只有方形一種：
屬性名稱:'clip'
屬性值:<shape>auto
初始值:auto
適合元素:元素的position屬性被設(shè)為absolute
是否繼承:no
百分比備注:被禁止
<shape>值為rect(toprightbottomleft)。
【編輯推薦】
