本文目錄導讀：

1. 內(nèi)聯(lián)樣式
2. 外部樣式表
3. HTML元素中的style屬性

HTML元素如何引用CSS

在HTML中引用CSS有多種方式，常見的方式包括內(nèi)聯(lián)樣式、外部樣式表和HTML元素中的style屬性。

內(nèi)聯(lián)樣式

內(nèi)聯(lián)樣式是直接在HTML元素中添加style屬性，并定義該元素的樣式。

<p style="color: red;">這是一段紅色的文本。</p>

在上面的代碼中，style屬性定義了段落文本的顏色為紅色。

外部樣式表

外部樣式表是通過鏈接CSS文件來定義HTML元素的樣式，在HTML文件中添加<link>元素，并指定CSS文件的路徑和文件名。

<link rel="stylesheet" href="style.css">

在上面的代碼中，style.css是外部樣式表的文件名，通過<link>元素將其鏈接到HTML文件中。

HTML元素中的style屬性

在HTML元素中添加style屬性，并定義該元素的樣式。

<div style="width: 200px; height: 100px; background-color: blue;">這是一個藍色的矩形框。</div>

在上面的代碼中，style屬性定義了div元素的寬度、高度和背景顏色。

需要注意的是，在引用CSS時，應盡量避免在HTML元素中直接定義樣式，而是將樣式定義在CSS文件中，并通過外部樣式表或內(nèi)聯(lián)樣式來引用，這樣可以提高代碼的可讀性和可維護性，也可以避免在HTML元素中定義過多的樣式，導致代碼過于復雜和混亂。