前端一HTML:十三:css的三大特性
生活随笔
收集整理的這篇文章主要介紹了
前端一HTML:十三:css的三大特性
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1. 繼承
? ? 給父元素設(shè)置一個屬性，然后子元素可以使用.
? 凡是以 line-,text-,font-開頭的屬性都是可以繼承。
2. 層疊
? ?是頁面處理沖突屬性的一個能力
? 如果兩個選擇器為同一個元素設(shè)置了不同的屬性，它們會同時作用于這個元素。
? 如果兩個選擇器為同一個元素設(shè)置了相同的屬性，它們會發(fā)生層疊。(層疊的結(jié)果跟優(yōu)先級有關(guān)系)
<!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. 優(yōu)先級
? ?優(yōu)先級從大到小排列: ?!important屬性 > id選擇器 > 類選擇器 > 標(biāo)簽選擇器>通配符>繼承>瀏覽器默認(rèn)
<!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>??
總結(jié)
以上是生活随笔為你收集整理的前端一HTML:十三:css的三大特性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端一HTML:十二:元素查找过程的详解
- 下一篇： 前端一HTML:十四: importan