CSS之四種引用方式 詳細 全面

2021-09-28 21:43:38 字數 972 閱讀 4203

目錄

css的四種引入方式

1.行內樣式

2.內嵌樣式

3.外部樣式

3.1.鏈結樣式(推薦)

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

4. 鏈結式和匯入式的區別

5.四種css引入方式的優先順序

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

例如:

缺點:html頁面不純淨,檔案體積大,不利於瀏覽器編譯,後期維護不方便。

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

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

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

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

@import在html中使用,如下:

@import在css中使用,如下:

@import url(style.css);

1、屬於xhtml

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

@import

1、屬於css2.1

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

1.就近原則

綜合**如下:

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

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

我是行內樣式

歡迎進入部落格一起學習

HTML 引用Css樣式的四種方式

不才,只知道html引用css樣式有四種方式,內部引用和外部引用各兩種,因為老是忘記細節,記下了隨時翻閱亦可方便如我般的初學者 內部引用方式1 直接在標籤內用 style 引用,如 內部引用方式2 在頁面標頭檔案的標籤裡引用,如 如此話,style 標籤最好放到 外部引用方式1 用標籤,如 注意 不...

CSS之應用樣式的四種方式

通過link標籤鏈結的樣式表不是html文件的一部分,但是卻供文件使用。這樣的樣式表稱為外部樣式表。web瀏覽器遇到link標籤時,會查詢並載入樣式表,並渲染html文件。屬性比如 此時由於文件中關聯的兩個外部樣式表的rel均為stylesheet,因此顯示文件時會合併兩個樣式表中的規則後再應用於文...

css的四種書寫方式

優先順序 外部樣式 內部樣式表 內聯樣式表 優先順序,即 同名的選擇器右邊的會覆蓋左邊 1.內部樣式表 head style 內部樣式表,一般用於覆蓋公用樣式 headtip style head 2.使用link標籤,在文件中宣告使用外接資源,最常用的一種方式。css外部樣式表指定編碼的 char...