CSS有哪些屬性是可以繼承的

您好，

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站建設(shè)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的新民網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

不可繼承的：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。

可繼承就是父節(jié)點(diǎn)設(shè)置了這個(gè)屬性后，子節(jié)點(diǎn)就可以繼承他的屬性

CSS 樣式的繼承

繼承是一種規(guī)則，CSS的某些樣式是具有繼承性的，它允許樣式不僅應(yīng)用于某個(gè)特定html標(biāo)簽元素，而且應(yīng)用于其后代。

注意：有一些css樣式是不具有繼承性的。

可以繼承的css有哪些

一、無繼承性的屬性

1、display：規(guī)定元素應(yīng)該生成的框的類型

2、文本屬性：

vertical-align：垂直文本對(duì)齊

text-decoration：規(guī)定添加到文本的裝飾

text-shadow：文本陰影效果

white-space：空白符的處理

unicode-bidi：設(shè)置文本的方向

3、盒子模型的屬性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

4、背景屬性：background、background-color、background-image、background-repeat、background-position、background-attachment

5、定位屬性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6、生成內(nèi)容屬性：content、counter-reset、counter-increment

7、輪廓樣式屬性：outline-style、outline-width、outline-color、outline

8、頁面樣式屬性：size、page-break-before、page-break-after

9、聲音樣式屬性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

二、有繼承性的屬性

1、字體系列屬性

font：組合字體

font-family：規(guī)定元素的字體系列

font-weight：設(shè)置字體的粗細(xì)

font-size：設(shè)置字體的尺寸

font-style：定義字體的風(fēng)格

font-variant：設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會(huì)被轉(zhuǎn)換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。

font-stretch：對(duì)當(dāng)前的 font-family 進(jìn)行伸縮變形。所有主流瀏覽器都不支持。

font-size-adjust：為某個(gè)元素規(guī)定一個(gè) aspect 值，這樣就可以保持首選字體的 x-height。

2、文本系列屬性

text-indent：文本縮進(jìn)

text-align：文本水平對(duì)齊

line-height：行高

word-spacing：增加或減少單詞間的空白（即字間隔）

letter-spacing：增加或減少字符間的空白（字符間距）

text-transform：控制文本大小寫

direction：規(guī)定文本的書寫方向

color：文本顏色

3、元素可見性：visibility

4、表格布局屬性：caption-side、border-collapse、border-spacing、empty-cells、table-layout

5、列表布局屬性：list-style-type、list-style-image、list-style-position、list-style

6、生成內(nèi)容屬性：quotes

7、光標(biāo)屬性：cursor

8、頁面樣式屬性：page、page-break-inside、windows、orphans

9、聲音樣式屬性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

三、所有元素可以繼承的屬性

1、元素可見性：visibility

2、光標(biāo)屬性：cursor

四、內(nèi)聯(lián)元素可以繼承的屬性

1、字體系列屬性

2、除text-indent、text-align之外的文本系列屬性

五、塊級(jí)元素可以繼承的屬性

1、text-indent、text-align

北大青鳥java培訓(xùn)：CSS的層疊和繼承？

所謂的樣式表層疊：指的是同一個(gè)元素通過不同方式設(shè)置樣式表產(chǎn)生的樣式重疊。

電腦培訓(xùn)認(rèn)為樣式表繼承：指的是某一個(gè)被嵌套的元素得到它父元素樣式。

還有一種樣式叫瀏覽器樣式，是這個(gè)元素在這個(gè)瀏覽器運(yùn)行時(shí)默認(rèn)附加的樣式。

1.瀏覽器樣式b這個(gè)元素隱含加粗樣式/bspanstyle="font-weight:bold;"這個(gè)元素通過style加粗/span解釋：b元素就是具有加粗的隱含樣式，而span元素沒有任何隱含樣式，通過style屬性設(shè)置樣式。

2.樣式表層疊樣式表層疊通過五種方式進(jìn)行，如果樣式相同，那么比如會(huì)產(chǎn)生沖突替換。

這時(shí)，它的優(yōu)先級(jí)順序就顯的比較重要。

以下優(yōu)先級(jí)從低到高：(1).瀏覽器樣式（元素自身攜帶的樣式）；(2).外部引入樣式（使用link引入的樣式）；(3).文檔內(nèi)嵌樣式（使用style元素設(shè)置）；(4).元素內(nèi)嵌樣式（使用style屬性設(shè)置）。

3.樣式繼承如果某一個(gè)元素并沒有設(shè)置父元素相關(guān)的樣式，那么就會(huì)使用繼承機(jī)制將父元素的樣式集成下來。

//b元素繼承了p元素的樣式pstyle="color:red;"這是bHTML5/b/p樣式繼承只適用于元素的外觀（文字、顏色、字體等），而元素在頁面上的布局樣式則不會(huì)被繼承。

如果繼承這種樣式，就必須使用強(qiáng)制繼承：inherit。

文章標(biāo)題：css可以繼承哪些樣式,css樣式繼承屬性
標(biāo)題鏈接：http://chinadenli.net/article49/dsgcehh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站維護(hù)、云服務(wù)器、手機(jī)網(wǎng)站建設(shè)、、虛擬主機(jī)

廣告

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