新聞中心
本文和大家重點討論一下CSS屬性中四個屬性的用法,它們分別是DIV絕對定位屬性,z-index屬性,overflow屬性和clip屬性,每個屬性都有各自的特點和作用,相信通過本文的介紹你對它們的用法會有一個全面的認識。

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站設(shè)計、做網(wǎng)站、新羅網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、新羅網(wǎng)絡(luò)營銷、新羅企業(yè)策劃、新羅品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供新羅建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
四大CSS屬性用法
◆DIV絕對位置屬性:
CSS屬性種DIV絕對位置屬性有四個屬性:top、right、bottom和left,屬性值為長度單位或百分數(shù):
屬性名稱:'top'、'right'、'bottom'、'left'
屬性值:
初始值:none
適合對象:所有元素
是否繼承:no
百分比備注:被禁止
利用以上屬性,用戶就可以精確定義元素的位置,如:
- Iusedtworedhyphenstoserveasachangebar.They
- will"float"totheleftofthelinecontainingTHIS
- left:0px;color:red;">--
- word.
◆z-index屬性:
在CSS中允許元素的重疊顯示,這樣就有一個顯示順序的問題,CSS屬性中的z-index屬性描述了元素的前后位置,如果把電腦屏幕看作X-Y平面的話,那么Z軸就是垂直于屏幕的,z-index使用整數(shù)表示元素的前后位置,數(shù)值越大,就會顯示在相對靠前的位置,并且CSS同意在z-index中使用負數(shù)。
屬性名稱:'z-index'
屬性值:auto
初始值:auto
適合對象:使用position屬性的元素
是否繼承:no
百分比備注:被禁止
◆overflow屬性:
在規(guī)定元素的寬度和高度時,如果元素的面積不足以顯示全部內(nèi)容的話就要用到CSS屬性中的overflow屬性:
屬性名稱:'overflow'
屬性值:visiblehiddenscrollauto
初始值:visible
適合對象:元素的position屬性
是否繼承:no
百分比備注:被禁止
屬性值含義如下:
visible:擴大面積以顯示所有內(nèi)容。
hidden:隱藏超出范圍的內(nèi)容。
scroll:在元素的右邊顯示一個滾動條。
auto:當內(nèi)容超出元素面積時,顯示滾動條。
◆clip屬性:
CSS屬性中還提供了一種clip屬性,可以把元素區(qū)域剪切成各種形狀,但目前提供的只有方形一種:
屬性名稱:'clip'
屬性值:
初始值:auto
適合元素:元素的position屬性被設(shè)為absolute
是否繼承:no
百分比備注:被禁止
【編輯推薦】
- 實用但IE不支持的十個CSS屬性
- 解析四大CSS屬性值選擇器用法
- CSS中border和clear兩大屬性用法揭秘
- 簡單實用的五個CSS屬性
- 解讀DIV CSS網(wǎng)頁布局中CSS無效十個原因
網(wǎng)頁名稱:探究四大CSS屬性用法
本文路徑:http://m.5511xx.com/article/cdichgd.html


咨詢
建站咨詢
