在HTML中引入CSS的方式

2022-01-13 17:08:32 字數 1073 閱讀 5138

有 4 種方式可以在 html 中引入 css。其中有 2 種方式是在 html 檔案中直接新增 css **,另外兩種是引入 外部 css 檔案。

㈠內聯方式

內聯方式指的是直接在 html 標籤中的 style 屬性中新增 css。

㈡嵌入方式

嵌入方式指的是在 html 頭部中的 標籤下書寫 css **。

㈢鏈結方式

鏈結方式指的是使用 html 頭部的 標籤引入外部的 css 檔案。

㈣匯入方式

匯入方式指的是使用 css 規則引入外部 css 檔案。

鏈結方式(下面用 link 代替)和匯入方式(下面用 @import 代替)都是引入外部的 css 檔案的方式,下面我們來比較這兩種方式。

參考:菜鳥筆記

希望有所幫助。

html中引入css的方式

html中引入css的方式 1.行內樣式 style屬性 2.內聯樣式 style標籤 3.外部引入 建立.css為字尾名的檔案 link標籤 import url 不建議使用 link和 import的區別 1 所屬範圍 import 是css的語法,只能匯入樣式 link是html的標籤,不僅可...

CSS樣式在HTML中引入

css樣式在html中引入 第一種方式在html的頭資訊中定義css 示例 doctype html html head meta charset utf 8 title insert title here title style type text css 我是css 注釋 p style hea...

CSS3 在HTML中引入CSS樣式

html code style color tomato 微微一笑很傾城h1 style font size 32px color tomato 微微一笑很傾城p 這種方式不能使內容與樣式相分離,本質上沒有體現出css的優勢,因此不推薦使用。html code charset utf 8 內部樣式表...