四大CSS屬性用法介紹

本篇內(nèi)容主要講解“四大CSS屬性用法介紹”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“四大CSS屬性用法介紹”吧!

建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)師等，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)配合操作的協(xié)同工作。成都創(chuàng)新互聯(lián)專業(yè)提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站制作(企業(yè)站、成都響應(yīng)式網(wǎng)站建設(shè)公司、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗(yàn)的提升,我們力求做到極致!

四大CSS屬性用法

◆DIV絕對(duì)位置屬性：

CSS屬性種DIV絕對(duì)位置屬性有四個(gè)屬性：top、right、bottom和left，屬性值為長(zhǎng)度單位或百分?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í)，如果元素的面積不足以顯示全部?jī)?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í)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

文章名稱：四大CSS屬性用法介紹
轉(zhuǎn)載來源：http://muchs.cn/article42/jpeshc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、外貿(mào)建站、網(wǎng)站策劃、建站公司、靜態(tài)網(wǎng)站、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)