web初步 CSS特性

2021-10-04 10:36:10 字數 617 閱讀 4293

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...