前端一HTML:十三:css的三大特性
生活随笔
收集整理的這篇文章主要介紹了
前端一HTML:十三:css的三大特性
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 繼承
? ? 給父元素設置一個屬性，然后子元素可以使用.
? 凡是以 line-,text-,font-開頭的屬性都是可以繼承。
2. 層疊
? ?是頁面處理沖突屬性的一個能力
? 如果兩個選擇器為同一個元素設置了不同的屬性，它們會同時作用于這個元素。
? 如果兩個選擇器為同一個元素設置了相同的屬性，它們會發生層疊。(層疊的結果跟優先級有關系)
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style type="text/css">.one{font-style: italic;color:blue;}div{font-size: 30px;color:red;}</style> </head> <body><div class="one" id="one">abc</div> </body> </html>3. 優先級
? ?優先級從大到小排列: ?!important屬性 > id選擇器 > 類選擇器 > 標簽選擇器>通配符>繼承>瀏覽器默認
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style type="text/css">#one{color: pink;}.one{font-style: italic;color:blue;}div{font-size: 30px;color:red;}.father {color: yellow;}* {color: purple;}</style> </head> <body><div class="father"><div class="one" id="one">abc</div></div> </body> </html>??
總結
以上是生活随笔為你收集整理的前端一HTML:十三:css的三大特性的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端一HTML:十二:元素查找过程的详解
- 下一篇： spring五:获取容器中对象信息