在HTML中引用CSS有多種方式，以下是一些常見的方法：
1、內(nèi)聯(lián)樣式：直接在HTML元素中使用style屬性來定義CSS樣式，這種方法適用于單個元素的樣式定義，但不適合大型樣式表。
2、內(nèi)部樣式表：在HTML文檔的<head>部分使用<style>標(biāo)簽來定義樣式規(guī)則，這種方法適用于整個頁面的樣式定義，但不適合多個頁面的樣式共享。
3、外部樣式表：通過<link>標(biāo)簽引用一個外部的CSS文件，這種方法適用于多個頁面的樣式共享，且易于維護(hù)和更新。
4、導(dǎo)入樣式表：使用@import規(guī)則來導(dǎo)入另一個CSS文件，這種方法類似于外部樣式表，但會阻塞頁面的渲染，直到樣式表加載完成。
示例
1、內(nèi)聯(lián)樣式：
```html
<p style="color: red;">這是一段紅色的文本。</p>
```
2、內(nèi)部樣式表：
```html
<head>
<style>
p { color: red; }
</style>
</head>
<body>
<p>這是一段紅色的文本。</p>
</body>
```
3、外部樣式表：
```html
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>這是一段紅色的文本。</p>
</body>
```
假設(shè)styles.css文件包含以下內(nèi)容：
```css
p { color: red; }
```
4、導(dǎo)入樣式表：
```html
<style>
@import url('styles.css');
</style>
```
同樣假設(shè)styles.css文件包含以下內(nèi)容：
```css
p { color: red; }
```
性能考慮
外部樣式表通常是***優(yōu)的選擇，因?yàn)樗试S瀏覽器并行下載和渲染頁面內(nèi)容，而不會阻塞頁面的渲染。
導(dǎo)入樣式表可能會導(dǎo)致頁面渲染的延遲，因?yàn)樗鼤柚鬼撁娴匿秩?，直到樣式表加載完成。
內(nèi)聯(lián)樣式和內(nèi)部樣式表適用于小型樣式定義，但它們不適合大型樣式表或樣式的復(fù)用。
選擇哪種方式取決于你的具體需求和場景，對于大型項(xiàng)目，建議使用外部樣式表或構(gòu)建工具（如Webpack或Parcel）來管理和優(yōu)化樣式的加載和性能。
