css的color屬性有繼承性嗎？
- 青灯夜游原創
- 2020-11-17 16:06:213405瀏覽
css color屬性有繼承性。繼承性是一種規則，它允許樣式不僅應用於某個特定html標籤元素，而且應用於其後代；而color屬性可以繼承，例用color設定給p標籤設定某種顏色，該顏色樣式不僅套用p標籤，也應用於p標籤中的所有子元素標籤。
繼承性是一種規則，它允許樣式不僅套用於某個特定html標籤元素，也套用於其後代。
css color屬性有繼承性。
例如下面程式碼：設定某種顏色應用於p標籤，這個顏色設定不僅應用p標籤，還應用於p標籤中的所有子元素文本，這裡子元素為span 標籤和i標籤。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>三年级时，我还是一个<span>胆小如鼠</span>的<i>小女孩</i>。</p>
</body>
</html>
說明： 在CSS中，一般以text-、font-、line- 開頭的屬性都是可以繼承的。
範例：
1、可以繼承的文字系列屬性
#text-indent：文字縮排
#text-align：文字水平對齊
line-height：行高
word-spacing：增加或減少單字間的空白（即字間隔）
letter-spacing：增加或減少字元間的空白（字元間距）
text-transform：控制文字大小寫
direction：規定文字的書寫方向
#color：文字顏色
2.可以繼承的字體系列屬性
font：組合字體
#font-family：規定元素的字體系列
font-weight：設定字體的粗細
font-size：設定字體的尺寸
font-style ：定義字體的風格
font-variant：設定小型大寫字母的字體顯示文本，這意味著所有的小寫字母都會被轉換為大寫，但是所有使用小型大寫字體的字母與其餘文字相比，其字體尺寸較小。
font-stretch：對目前的 font-family 進行伸縮變形。所有主流瀏覽器都不支援。
font-size-adjust：為某個元素規定一個 aspect 值，這樣就可以保持首選字體的 x-height。
更多程式相關知識，請造訪：程式設計學習！ ！
以上是css的color屬性有繼承性嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！