您好,登錄后才能下訂單哦!
本篇內(nèi)容主要講解“四大CSS屬性用法介紹”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“四大CSS屬性用法介紹”吧!
四大CSS屬性用法
◆DIV絕對(duì)位置屬性:
CSS屬性種DIV絕對(duì)位置屬性有四個(gè)屬性:top、right、bottom和left,屬性值為長度單位或百分?jǐn)?shù):
屬性名稱:'top'、'right'、'bottom'、'left'
屬性值:<length><percentage>auto
初始值:none
適合對(duì)象:所有元素
是否繼承: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ù)值越大,就會(huì)顯示在相對(duì)靠前的位置,并且CSS同意在z-index中使用負(fù)數(shù)。
屬性名稱:'z-index'
屬性值:auto<integer>
初始值:auto
適合對(duì)象:使用position屬性的元素
是否繼承:no
百分比備注:被禁止
◆overflow屬性:
在規(guī)定元素的寬度和高度時(shí),如果元素的面積不足以顯示全部內(nèi)容的話就要用到CSS屬性中的overflow屬性:
屬性名稱:'overflow'
屬性值:visiblehiddenscrollauto
初始值:visible
適合對(duì)象:元素的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)。
到此,相信大家對(duì)“四大CSS屬性用法介紹”有了更深的了解,不妨來實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。