css樣式優缺點與優先順序

2021-08-21 19:15:54 字數 472 閱讀 6488

1.

三種css樣式優缺點:

行內樣式:

缺點:內容和樣式沒有分離;

樣式沒有復用性;僅作用於當前元素:

優點:1.寫法比較簡單,適用範圍廣,2優先極高

內部樣式:

缺點:樣式和內容沒有完全分離:多個頁面間不能復用;

優點:實現了樣式復用。復用程度不高不能在多個頁面之間復用

外部樣式

缺點:編輯時需要頻繁切換

優點:html和css完全分離

css得到最大程度復用

2.樣式優先順序的比較(就近原則--一般情況)

正常的引用樣式下(先引用外部的在寫內部的)優先順序的順序為:

行內樣式》內部樣式》外部樣式

優先順序不確定情況下

權重問題

行內樣式1000

id樣式100

類樣式10

屬性樣式1

權重越高優先順序越高

css樣式優先順序

多重樣式將層疊為乙個 樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中,在 html 頁的頭元素中,或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。層疊次序 當同乙個 html 元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有...

CSS樣式優先順序

css樣式分為內聯樣式和外部樣式,一般情況下 內聯樣式的優先順序大於外部樣式。即style樣式 id選擇器 class選擇器 元素選擇器。例如 on person num li當對li標籤新增上面兩個樣式時,on樣式中重複的內容是不會生效的。因為.on樣式的優先順序值小於li,它會被li樣式覆蓋。但...

css樣式優先順序

css樣式分類 外聯樣式,內部樣式,內聯樣式,行內樣式 標籤屬性 優先順序 行內樣式 標籤屬性 外聯樣式 內部樣式 內聯樣式,這裡的高度為110px class login class imgs 選擇器 權值內聯樣式表的權值最高 1000 id 選擇器的權值 100class 類選擇器的權值 10h...