首頁  >  文章  >  web前端  >  css的繼承性是什麼

css的繼承性是什麼

清浅
清浅原創
2019-05-14 15:26:596132瀏覽

CSS中的繼承性就是指被包含在內部的標籤將擁有外部標籤的樣式,也就是子元素可以繼承父元素的屬性。

CSS有三大特性,分別是繼承性,層疊性,優先級,接下來將在文章中為大家詳細介紹CSS中的繼承性,希望對大家有所幫助。

css的繼承性是什麼

繼承性:

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        div {
            color: red;
        }
    </style>
</head>
<body>
    <div>
        <p>苹果</p>
        <p>香蕉</p>
        <span>葡萄</span>
    </div>
</body>
</html>

顯示結果如下:

css的繼承性是什麼

#

以上是css的繼承性是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn