HTML中如何引入CSS文件
在HTML文檔中引入CSS文件是一個基礎(chǔ)且重要的技能，它使得網(wǎng)頁樣式和結(jié)構(gòu)更加分離，便于管理和維護，下面詳細介紹如何在HTML中引入CSS文件。
一、內(nèi)聯(lián)樣式
直接在HTML元素中使用style屬性來添加CSS樣式，這種方法簡單直接，但不利于樣式的復(fù)用和維護。
<p style="color: red;">這是一段紅色文字。</p>
二、內(nèi)部樣式表
在HTML文檔的<head>標簽內(nèi)使用<style>標簽定義CSS樣式，這種方式適用于單個頁面的樣式定義。
<head>
<style>
body {
background-color: lightblue;
}
</style>
</head>三、外部樣式表（推薦方式）
使用外部CSS文件，并在HTML文檔中通過<link>標簽引入，這種方式適用于大型項目，可以實現(xiàn)樣式的復(fù)用和模塊化，步驟如下：
1、創(chuàng)建一個CSS文件，例如命名為styles.css，在該文件中編寫樣式代碼，如：
```css
body {
background-color: lightblue;
}
```
保存這個文件在你的項目目錄中。
2、在HTML文檔的<head>標簽內(nèi)使用<link>標簽引入該CSS文件：
```html
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
```
其中href屬性值為CSS文件的相對路徑或***路徑，這樣，HTML文檔就會應(yīng)用該CSS文件中定義的樣式。
四、注意事項
當(dāng)引入外部CSS文件時，要確保文件路徑正確，瀏覽器能夠正確加載CSS文件，多個CSS文件可以通過多個<link>標簽引入，后引入的樣式會覆蓋先引入的樣式中相同的選擇器定義的樣式，要注意樣式的優(yōu)先級問題，為了提高網(wǎng)頁加載速度，建議將CSS文件放在HTML文檔頭部或者通過CDN等方式進行加載優(yōu)化。
