CSS樣式的優先順序問題

2021-08-03 18:18:33 字數 684 閱讀 6520

第一:css的四種引入方式

1.行內樣式

最直接最簡單的一種,直接對html標籤使用style="",例如:

缺點:html頁面不純淨,檔案體積大,不利於蜘蛛爬行,後期維護不方便。

2.內嵌樣式

內嵌樣式就是將css**寫在之間,並且用進行宣告,例如:

優缺點:頁面使用公共css**,也是每個頁面都要定義的,如果乙個**有很多頁面,每個檔案都會變大,後期維護難度也大,如果檔案很少,css**也不多,這種樣式還是很不錯的。

3.鏈結樣式

鏈結樣式是使用頻率最高,最實用的樣式,只需要在之間加上就可以了,如下:

優缺點:實現了頁面框架**與表現css**的完全分離,使得前期製作和後期維護都十分方便

4.匯入樣式(不建議使用)

匯入樣式和鏈結樣式比較相似,採用@import樣式匯入css樣式表,在html初始化時,會被匯入到html或者css檔案中,成為檔案的一部分,類似第二種內嵌樣式。

@import在html中使用,如下:

@import在css中使用,如下:

@import url(style.css);

第二:四種css引入方式的優先順序

1.就近原則

2.理論上:行內》內嵌》鏈結》匯入

3.實際上:內嵌、鏈結、匯入在同乙個檔案頭部,誰離相應的**近,誰的優先順序高

Css樣式優先順序問題

想要對乙個標籤處理它的樣式,可以用 class 的方式來定義它的類,然後在類中處理他的樣式 例如 html view plain copy print?style box style divclass box div 當然也可以用 id 或者乾脆直接對標籤寫樣式,然而如果把這些定義都放在了乙個元素中...

css樣式優先順序問題

官方表述的css樣式優先順序如下 通用選擇器 元素 型別 選擇器 類選擇器 屬性選擇器 偽類 id 選擇器 內聯樣式 css 偽類用於向某些選擇器新增特殊的效果屬性選擇器可以根據元素的屬性及屬性值來選擇元素。那麼,我們來舉個例子 html 引入乙個style.css樣式 在style.css樣式中寫...

css樣式優先順序問題

官方表述的css樣式優先順序如下 通用選擇器 元素 型別 選擇器 類選擇器 屬性選擇器 偽類 id 選擇器 內聯樣式 css 偽類用於向某些選擇器新增特殊的效果 屬性選擇器可以根據元素的屬性及屬性值來選擇元素。那麼,我們來舉個例子 html 引入乙個style.css樣式 在style.css樣式中...