跟着书本学习CSS(2)
生活随笔
收集整理的這篇文章主要介紹了
跟着书本学习CSS(2)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
CSS的繼承性與層疊性
css的繼承：
CSS能夠從父元素那里繼承某些樣式屬性，比如color，font-size等等，但是像margin，padding，border不能繼承。
CSS的繼承分為主要三類：
（1）文本相關屬性；font-family、font-size，font-style、font-weight、font、line-height、text-align、text-indent、word-spacing等等。
（2）列表相關屬性：list-style-image、list-style-position、list-style-type等
（3）顏色屬性：color
比如：
<html><head><title>test</title><meta charset='utf-8'></head><style>html{font-size: 62.5%;}#father{font-family: 楷體;color:red;}</style><body><div id='father'>this<div id='son'>is a test</div></div></body> </html>this和is a test的字體和顏色一模一樣。
利用CSS的繼承性，我們可以省去很多代碼。
css層疊性：
層疊就是樣式的覆蓋，對于同一個元素來說，如果我們重復定義多個相同的屬性，并且這些屬性具有相同的權重，CSS最后會以最后定義的屬性值為準，也就是“后者居上”原則。
<html><head><title>test</title><meta charset='utf-8'></head><style>html{font-size: 62.5%;}#father{font-family: 楷體;color:red;}#father{font-family: 宋體;color:blue;}</style><body><div id='father'>this</div></body> </html> 其最后結果為宋體，藍色。層疊性有三個條件：1.元素相同，2.屬性相同，3.權重相同。
總結
以上是生活随笔為你收集整理的跟着书本学习CSS(2)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 跟着书本重学CSS（1）
- 下一篇： 元素class属性中的空格