国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css中屬性值繼承全面總結(jié)(推薦)

2024-07-11 08:32:08
字體:
供稿:網(wǎng)友

繼承:html元素可以從父元素那里繼承一部分css屬性,即使當(dāng)前元素沒有定義該屬性。

1.css可以和不可以繼承的屬性

不可繼承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。
所有元素可繼承:visibility和cursor。
內(nèi)聯(lián)元素可繼承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
終端塊狀元素可繼承:text-indent和text-align。
列表元素可繼承:list-style、list-style-type、list-style-position、list-style-image。
表格元素可繼承:border-collapse。 
 

2.值的繼承

  繼承也是基于文檔樹的,文檔樹中元素的某些屬性可以被其子元素繼承,每一個(gè)CSS屬性都定義了它能否被繼承。要設(shè)定文檔的某些缺省樣式屬性,可以在文檔樹的根上設(shè)定該屬性,如果這個(gè)屬性可以繼承,則其后代元素將繼承這個(gè)屬性,例如color、font-size等屬性。

3.“inherit(繼承)”值

  每一個(gè)屬性可以指定值為“inherit”,即:對于給定的元素,該屬性和它父元素相對屬性的計(jì)算值取一樣的值。繼承值通常只用作后備值,它可以通過顯式地指定“inherit”而得到加強(qiáng),例如:

         p { font-size: inherit; }

4.繼承的局限性

繼承雖然減少了重復(fù)定義的麻煩,但是,有些屬性是不能繼承的,例如border(邊框)、margin(邊距)、padding(補(bǔ)白)和背景等。
這樣設(shè)定是有道理的,例如,為一個(gè)<div>設(shè)定了邊框,如果此屬性也繼承的話,那么在這個(gè)<div>內(nèi)所有的元素都會(huì)有邊框,這無疑會(huì)產(chǎn)生一個(gè)讓人眼花繚亂的結(jié)果。同樣的,影響元素位置的屬性,例如margin(邊距)和padding(補(bǔ)白),也不會(huì)被繼承。

  同時(shí),瀏覽器的缺省樣式也在影響著繼承的結(jié)果。例如:

      body { font-size: 12px; }

       <h2>2級(jí)標(biāo)題的文字不是12px。

      // </h2> H2中文字將是標(biāo)題2樣式的文字而非12px大小的文字。

  這是因?yàn)闉g覽器的缺省樣式設(shè)定了<h2>的CSS規(guī)則。

同時(shí),有些老版本的瀏覽器可能對繼承支持的不太好,例如某些瀏覽器當(dāng)遇到<table>的時(shí)候,就會(huì)丟失所有的繼承的屬性

5.能否取消

css屬性一旦繼承了不能被取消,只能重新定義樣式。

6.案例

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 辰溪县| 海淀区| 榆林市| 西乌珠穆沁旗| 新龙县| 鹤岗市| 鄄城县| 开封市| 始兴县| 如东县| 邹平县| 龙胜| 沈阳市| 新源县| 阿尔山市| 绍兴市| 阜城县| 互助| 崇礼县| 白城市| 台中县| 罗田县| 客服| 泰兴市| 昌宁县| 双辽市| 丽江市| 康定县| 郴州市| 龙里县| 榆树市| 平武县| 巴南区| 泽普县| 靖州| 开阳县| 阿克苏市| 娄底市| 娄底市| 洪雅县| 昌宁县|