css筆記 css的繼承性

2021-08-08 19:17:39 字數 925 閱讀 9052

所謂繼承性是指書寫css樣式表時,子標籤會繼承父標籤的某些樣式,如文字的顏色和字型大小。

例如:

我只是乙個渣渣

我想把上述文字居中顯示,如下圖顯示:(背景顏色時為了比較清晰明了)

那麼我就這樣設定css:

body

.yaodebian

.introduce

而根據繼承性,其實只要在body中設定"text-align:center"或者在div中設定就可以了,如:

body

但並不是所有的css屬性都能夠繼承,如下這些屬性不具有繼承性:

1.邊框屬性border

2.外邊距屬性margin

3.內邊距屬性padding

4.背景屬性background

5.定位屬性position

6.布局屬性display等

7.元素寬高屬性

注意:當為body設定字型大小大小時,我們發現標題文字(h1-h6)並沒有產生什麼變化,這是因為標題標記h1-h6有預設的字型大小樣式,這時預設字型大小覆蓋了繼承的字型大小。

css的繼承性

一 css的繼承性 1 文字屬性 屬性 說明vertical align 垂直文字對齊 text decoration 規定新增到文字的裝飾 text shadow 文字陰影效果 white space 空白符的處理 unicode bidi 設定文字的方向 2 盒子模型的屬性 屬性 說明width...

CSS的繼承性

css的某些樣式是具有繼承性的,那麼什麼是繼承呢?繼承是一種規則,它允許樣式不僅應用於某個特定 html 標籤元素,而且應用於其後代。所有的css語句都是基於各個標籤的繼承關係的。但是並不是所有的屬性都能被繼承,一般的字型屬性都是能繼承的,不能繼承的例如邊框屬性 注意 孩子能繼承父親屬性,但是父親不...

css的繼承性

在物件導向語言都會存在繼承的概念,在物件導向語言中,繼承的特點 繼承了父類的屬性和方法。那麼我們現在主要研究css,css就是在設定屬性的。不會牽扯到方法的層面。css的繼承 就是給父級設定一些屬性,子級繼承了父級的該屬性,這就是我們的css中的繼承。官方解釋,繼承是一種規則,它允許樣式不僅應用於特...