CSS基本知识1-CSS基本概念
生活随笔
收集整理的這篇文章主要介紹了
CSS基本知识1-CSS基本概念
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
CSS基本概念:
選擇器{屬性:值;屬性:值}
CSS繼承:子元素繼承父元素樣式,父子關系看DOM結構。
CSS覆蓋:
CSS優先:
A:文本從上到下,后聲明的樣式優先于前面出現的同一樣式例:.a{background:black;}.b{background:yellow; }<div class=” b a″>dd</div>結果:所有瀏覽器均yellow色,注意:與class=”” 引號內的順序無關,只看.def1和.def2在聲明時的順序,.def2后聲明,所以權重高
B:id聲明 > class聲明 > 標簽聲明(即HTML固有標簽,例如 div)
C: ‘!important’ 相當于無限重量
<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
IE6不支持!important,可以使用它對IE6做Hack
通過以上我們可以觀察到,CSS更象是一個可視化的面向對象編程,擁有類定義,選擇,繼承,覆蓋,優先級別,可以說CSS是一種聲明式的,更好的面向對象編程。
?
?
轉載于:https://www.cnblogs.com/DSharp/p/3664543.html
總結
以上是生活随笔為你收集整理的CSS基本知识1-CSS基本概念的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 二进制数据读写
- 下一篇: CDOJ_327 BerOS file