CSS三大特性之繼承性

2021-07-22 02:34:48 字數 1149 閱讀 4843

css有三大特性,分別是繼承性,層疊性,優先順序,這裡講解繼承性

繼承性是指指被包在內部的標籤將擁有外部標籤的樣式性,即子元素可以繼承父元素的屬性,例如下面的**,div中包含2個p標籤,1個span標籤,當給div設定字型顏色為紅色時,他的子標籤會繼承父元素的屬性,因而會顯示紅色。 在css中以text-、font-、line- 開頭的屬性都是可以繼承的。

蘋果香蕉

葡萄

顯示結果如下:

但是繼承也會有其特殊性主要有以下三種:

1> a 標籤的字型顏色不能被繼承,例如將上面**的div標籤中**改為如下的**後,a標籤的字型顏色是不會改變的,通過頁面的f12可以檢視得到,a標籤是有乙個預設

的      

color

: -webkit-link;字型

顏色屬性,所以給父元素設定顏色是不能改變a標籤字型的顏色

蘋果

香蕉葡萄

這是a標籤

2>

h標籤字型的大下也是不能被繼承的,如下**給父元素在設定乙個字型屬性20px,在div中新增乙個h2標籤,在瀏覽器中可以發現h2標籤中的字型大小不會改變,因為h2標籤中也有乙個預設的預設的

font-size

: 1.5em

;字型大小屬性,

蘋果香蕉

葡萄這是a標籤

3> div 標籤的高度如果不設定由內容來決定(沒有內容高度為0),寬度預設由父元素繼承過來,下面的**就很好的演示了div的寬高,在每個div標籤後面新增了乙個br標籤來強制換行,因為如果不使用br標籤來強制換行的話,div就會緊緊挨著一起,看不不出來div的高度,第乙個div因為沒有內容,所以在瀏覽器上不顯示出來,而第二div裡面新增了一句話,但是高度是由裡面的內容撐出來的,第三個div裡面也是一句話,並且在內容當中使用了乙個br標籤來強制換行,這樣就會發現該div的高度會比第二div的高度要高,如果繼續向div標籤裡面新增內容,高度也會隨之相應的變高。

這是div標籤

這也是div標籤

css三大特性之繼承性

css三大特性之繼承性 1.什麼是繼承性?作用 給父元素設定一些屬性,子元素也可以使用,這個我們就稱之為繼承性 注意點 1.並不是所有的屬性都可以繼承,只有以color font text line 開頭的屬性才可以繼承 2.在css的繼承中不僅僅是兒子可以繼承,只要是後代都可以繼承 3.繼承性中的...

CSS特性之繼承性

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

PHP三大特性之繼承性

作用 讓 更具開放性 可擴充性,增加 的重用性 提高軟體的可維護性 繼承就是用子類去 擴充套件 父類 宣告乙個子類,使用extends關鍵字,去繼承 拓展 乙個父類 子類可以從父類繼承所有東西,除了private封裝的成員 如果想封裝時既可以讓自己類內部可以使用,也可以讓子類使用,但是內外不能用,那...