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

時間 2019-11-06

標籤 css 基本知識基本概念欄目 CSS 简体版

原文原文鏈接

CSS基本概念：編程

選擇器｛屬性：值;屬性：值｝瀏覽器

CSS繼承：子元素繼承父元素樣式，父子關係看DOM結構。app

CSS覆蓋：spa

瀏覽器缺省設置
外部樣式表
內部樣式表（位於 <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’ 至關於無限重量class

IE6不支持!important，能夠使用它對IE6作Hack可視化

經過以上咱們能夠觀察到，CSS更象是一個可視化的面向對象編程，擁有類定義，選擇，繼承，覆蓋，優先級別，能夠說CSS是一種聲明式的，更好的面向對象編程。