欢乐颂小说txt,玄幻小说完本,小说

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

探究四大CSS屬性用法

本文和大家重點(diǎn)討論一下CSS屬性中四個(gè)屬性的用法，它們分別是DIV絕對(duì)定位屬性，z-index屬性，overflow屬性和clip屬性，每個(gè)屬性都有各自的特點(diǎn)和作用，相信通過(guò)本文的介紹你對(duì)它們的用法會(huì)有一個(gè)全面的認(rèn)識(shí)。

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、新羅網(wǎng)絡(luò)推廣、重慶小程序開(kāi)發(fā)、新羅網(wǎng)絡(luò)營(yíng)銷、新羅企業(yè)策劃、新羅品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供新羅建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

四大CSS屬性用法

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

CSS屬性種DIV絕對(duì)位置屬性有四個(gè)屬性：top、right、bottom和left，屬性值為長(zhǎng)度單位或百分?jǐn)?shù)：

屬性名稱:'top'、'right'、'bottom'、'left'

屬性值:auto

初始值:none

適合對(duì)象:所有元素

是否繼承:no

百分比備注:被禁止

利用以上屬性，用戶就可以精確定義元素的位置，如：

 
 
   
  
     
  
  Iusedtworedhyphenstoserveasachangebar.They    
  
  will"float"totheleftofthelinecontainingTHIS    
  
    
  
  
left:0px;color:red;">--   
  
  word.

◆z-index屬性：

在CSS中允許元素的重疊顯示，這樣就有一個(gè)顯示順序的問(wèn)題，CSS屬性中的z-index屬性描述了元素的前后位置，如果把電腦屏幕看作X-Y平面的話，那么Z軸就是垂直于屏幕的，z-index使用整數(shù)表示元素的前后位置，數(shù)值越大，就會(huì)顯示在相對(duì)靠前的位置，并且CSS同意在z-index中使用負(fù)數(shù)。

屬性名稱:'z-index'

屬性值:auto

初始值: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'

屬性值:auto

初始值:auto

適合元素:元素的position屬性被設(shè)為absolute

是否繼承:no

百分比備注:被禁止

值為rect(toprightbottomleft)。

【編輯推薦】

實(shí)用但I(xiàn)E不支持的十個(gè)CSS屬性
解析四大CSS屬性值選擇器用法
CSS中border和clear兩大屬性用法揭秘
簡(jiǎn)單實(shí)用的五個(gè)CSS屬性
解讀DIV CSS網(wǎng)頁(yè)布局中CSS無(wú)效十個(gè)原因

網(wǎng)頁(yè)題目：探究四大CSS屬性用法
當(dāng)前URL：http://www.fisionsoft.com.cn/article/cdichgd.html

新聞中心

其他資訊