css層疊性是指css能夠對同乙個物件應用多個樣式的能力。
當css屬性衝突時會根據權重對選擇器進行覆蓋
權重標籤選擇器
計算權重公式
繼承或者 *
0,0,0,0
每個元素(標籤選擇器)
0,0,0,1
每個類,偽類
0,0,1,0
每個id
0,1,0,0
每個行內樣式 style=""
1,0,0,0
每個!important 重要的
∞ 無窮大
值從左到右,左面的最大,一級大於一級,數字之間沒有進製,級別之間不可超越。
權值疊加
用交集選擇器,後代選擇器等,是有多個基礎選擇器組合而成,那麼此時,就會出現權重疊加。
就是乙個簡單的加法計算
注意
與樣式表中樣式相比,行內樣式優先順序最高;
相同權重值時,樣式最近的優先順序最高;
使用!important命令定義的樣式優先順序絕對高;
!important命令必須位於屬性值和分號之間,
如#header,否則無效。
繼承的權重是0
web初步 CSS樣式
font family x 定義字型型別 font size 12px 設定字型大小 color red 定義字型顏色 font weight 600 定義字型粗細 font style normal italic oblique 定義字型傾斜效果,normal為預設值,表示正常的字型,italic...
web初步 css字型文字屬性
font size 12px 設定字型大小可以使用相對長度單位,也可以使用絕對長度單位。通常使用em 相對當前物件內文字字型尺寸 px 畫素 font family x 定義字型型別可以同時指定多個字型,中間以逗號隔開,表示如果瀏覽器不支援第乙個字型,則會嘗試下乙個,直到找到合適的字型,如果都沒有,...
Web開發初步
清除浮動 浮動的元素不再占用原文件流的位置。對子元素設定浮動時,如果不對父元素定義高度,那麼子元素的浮動會對父元素造成影響,父元素會變成一條直線。使用浮動時會影響後面相鄰的固定元素因此需要清除浮動。clear方法,這種方法只能清楚左右兩側的浮動。清除浮動常用的3種方法 1 使用空標記法。2 使用ov...