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

2021-08-20 06:45:07 字數 1118 閱讀 4769

第一:css的三種引入方式

1.行內樣式

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

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

2.內嵌樣式

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

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

3.外部樣式

href="style.css" />

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

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

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

@import在html中使用,如下:

@import在css中使用,如下:

@import url(style.css);

1、屬於xhtml

2、優先載入css檔案到頁面

@import

1、屬於css2.1

2、先載入html結構在載入css檔案。

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

1.就近原則

綜合**如下:

我是p段落(注意:內嵌樣式和外部引入樣式 離我最近的那種樣式方式給我帶來的影響)

我是div,我什麼樣式都沒有

我是行內樣式

歡迎進入部落格一起學習

如有不足請多多指教!希望給您帶來你幫助!

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

第一 css的四種引入方式 1.行內樣式 最直接最簡單的一種,直接對html標籤使用style 例如 缺點 html頁面不純淨,檔案體積大,不利於蜘蛛爬行,後期維護不方便。2.內嵌樣式 內嵌樣式就是將css 寫在之間,並且用進行宣告,例如 3.鏈結樣式 優缺點 實現了頁面框架 與表現css 的完全分...

CSS三種機制及優先順序問題

為了解決衝突,css利用三種機制來達到目的 繼承 層疊和特指。1.繼承 css中很多可以繼承的屬性都和文字有關係,比如說字型啊,顏色啊,字型大小這些,不能繼承的也有一些,比如說盒子模型裡面外邊距 margin 內邊距 padding 邊框 border 等。對於能夠繼承的屬性,比如說字型大小大小,我...

css三種引入方式

行內 標籤內部 head內 style標籤 link 引入外部 href rel stylesheet style type import url style 選擇類 選擇id 一 三種css樣式規則的定義語法 名稱 語法 使用方式 1 標記選擇器 標記名稱 p2 id選擇器 id名稱 3 類選擇器...