css有哪些不繼承父類的屬性

本篇內(nèi)容主要講解“css有哪些不繼承父類的屬性”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“css有哪些不繼承父類的屬性”吧!

css不繼承父類的屬性有：display、width、height、margin 、border、float、clear、position、top、right、bottom、left、background、content、size等等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

CSS繼承是一種規(guī)則，它允許樣式不僅應(yīng)用于某個特定html標簽元素，而且應(yīng)用于其后代；也就是說：設(shè)置了上級（父級）的CSS樣式，上級（父級）及以下的子級（下級）都具有此樣式。

css繼承性的作用：給父元素設(shè)置一些屬性，子元素也可以使用。

CSS繼承是指被包在內(nèi)部的標簽將擁有外部標簽的樣式性質(zhì)。繼承特性最典型的應(yīng)用通常發(fā)揮在整個網(wǎng)頁的樣式預(yù)設(shè)，需要指定為其它樣式的部份設(shè)定在個別元素里即可。這項特性可以給網(wǎng)頁設(shè)計者提供更理想的發(fā)揮空間。但同時繼承也有很多規(guī)則，應(yīng)用的時候容易讓人迷惑。

那么css不繼承父類的屬性有哪些？

1、文本屬性：

• vertical-align：垂直文本對齊

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

• text-shadow：文本陰影效果

• white-space：空白符的處理

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

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

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

content、counter-reset、counter-increment

4、盒子模型的屬性：

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

5、輪廓樣式屬性：

outline-style、outline-width、outline-color、outline

6、頁面樣式屬性：

size、page-break-before、page-break-after

7、背景屬性：

background、background-color、background-image、background-repeat、background-position、background-attachment

8、定位屬性：

float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

9、聲音樣式屬性：

pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

到此，相信大家對“css有哪些不繼承父類的屬性”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！