CSS的4種引入方式及優先順序

2021-09-07 18:53:13 字數 570 閱讀 6820

第一:css的四種引入方式

1.行內樣式

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

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

2.內嵌樣式

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

3.鏈結樣式

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

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

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

@import在html中使用,如下:

@import在css中使用,如下:

@import url(style.css);

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

1.就近原則

css的三種引入方式及優先順序

第一 css的三種引入方式 1.行內樣式 最直接最簡單的一種,直接對html標籤使用style 例如 缺點 html頁面不純淨,檔案體積大,不利於蜘蛛爬行,後期維護不方便。2.內嵌樣式 內嵌樣式就是將css 寫在之間,並且用進行宣告,例如 優缺點 頁面使用公共css 也是每個頁面都要定義的,如果乙個...

css的四種引入方法及優先順序

一 使用style屬性 行內樣式 將style屬性直接加在個別的元件標籤裡 元件 標籤 style 性質 屬性 1 設定值1 性質 屬性 2 設定值2 例如 style color blue font size 9pt font family 標楷體 line height 150 這種用法的優點 ...

CSS優先順序的兩種理解方式

我們先去mdn看看官方的解釋 優先順序是如何計算的?優先順序就是分配給指定的 css 宣告的乙個權重,它由 匹配的選擇器中的 每一種選擇器型別的 數值 決定。而當優先順序與多個 css 宣告中任意乙個宣告的優先順序相等的時候,css 中最後的那個宣告將會被應用到元素上。當同乙個元素有多個宣告的時候,...