日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

CSS基本知识1-CSS基本概念

發布時間:2025/5/22 154 豆豆
生活随笔 收集整理的這篇文章主要介紹了 CSS基本知识1-CSS基本概念 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

CSS基本概念:

選擇器屬性:值;屬性:值}

CSS繼承:子元素繼承父元素樣式,父子關系看DOM結構。

CSS覆蓋:

  • 瀏覽器缺省設置
  • 外部樣式表
  • 內部樣式表(位于 <head> 標簽內部)
  • 內聯樣式(在 HTML 元素內部)
  • 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基本概念的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。