html引入css的方式有哪些?有 4 種方式可以在 HTML 中引入 CSS其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件下面我們就來看看這些方式和它們的優缺點，下面我們就來聊聊關于html引入css的方式有哪些?接下來我們就一起去了解一下吧!
有 4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件。下面我們就來看看這些方式和它們的優缺點。
内聯方式
内聯方式指的是直接在 HTML 标簽中的 style 屬性中添加 CSS。
示例：
<div style="background: red"></div>這通常是個很糟糕的書寫方式，它隻能改變當前标簽的樣式，如果想要多個 <div> 擁有相同的樣式，你不得不重複地為每個 <div> 添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的 style 中的代碼。很顯然，内聯方式引入 CSS 代碼會導緻 HTML 代碼變得冗長，且使得網頁難以維護。
嵌入方式
嵌入方式指的是在 HTML 頭部中的 <style> 标簽下書寫 CSS 代碼。
示例：
<head> <style> .content { background: red; } </style></head>嵌入方式的 CSS 隻對當前的網頁有效。因為 CSS 代碼是在 HTML 文件中，所以會使得代碼比較集中，當我們寫模闆網頁時這通常比較有利。因為查看模闆代碼的人可以一目了然地查看 HTML 結構和 CSS 樣式。因為嵌入的 CSS 隻對當前頁面有效，所以當多個頁面需要引入相同的 CSS 代碼時，這樣寫會導緻代碼冗餘，也不利于維護。
鍊接方式
鍊接方式指的是使用 HTML 頭部的 <head> 标簽引入外部的 CSS 文件。
示例：
<head> <link rel="stylesheet" type="text/css" href="style.css"></head>這是最常見的也是最推薦的引入 CSS 的方式。使用這種方式，所有的 CSS 代碼隻存在于單獨的 CSS 文件中，所以具有良好的可維護性。并且所有的 CSS 代碼隻存在于 CSS 文件中，CSS 文件會在第一次加載時引入，以後切換頁面時隻需加載 HTML 文件即可。
導入方式
導入方式指的是使用 CSS 規則引入外部 CSS 文件。
示例：
<style> @import url(style.css);</style>比較鍊接方式和導入方式
鍊接方式（下面用 link 代替）和導入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我們來比較這兩種方式，并且說明為什麼不推薦使用 @import。
小結：我們應盡量使用 <link> 标簽導入外部 CSS 文件，避免或者少用使用其他三種方式。
更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
