在 html 中引入 css 有兩種方法:使用 <link> 標(biāo)簽鏈接外部樣式表文件;使用 標(biāo)簽在 html 文檔內(nèi)定義 css 樣式。
在 HTML 中引入 CSS 文件,有助于將樣式信息與 HTML 文檔分離,從而輕松維護(hù)和更新樣式。有兩種方法可以引入 CSS 文件:
1. 使用 <link> 標(biāo)簽
<link> 標(biāo)簽用于將外部樣式表文件鏈接到 HTML 文檔。其語(yǔ)法如下:
<code class="html"><link rel="stylesheet" href="style.css"></code>
登錄后復(fù)制
其中:
rel 屬性指定鏈接文件與當(dāng)前文檔的關(guān)系,stylesheet 表示這是一個(gè)樣式表文件。
href 屬性包含要關(guān)聯(lián)的樣式表文件的路徑。
2. 使用 <style></style> 標(biāo)簽
<style></style> 標(biāo)簽用于在 HTML 文檔內(nèi)部定義 CSS 樣式。其語(yǔ)法如下:
<code class="html"><style>
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
</style></code>
登錄后復(fù)制
其中:
<style></style> 標(biāo)簽包含要定義的 CSS 規(guī)則。
CSS 規(guī)則使用標(biāo)準(zhǔn)的 CSS 語(yǔ)法,包括選擇器(body)和樣式聲明(background-color、font-family)。
注意:
無(wú)論使用哪種方法,都應(yīng)將 CSS 文件或 <style></style> 標(biāo)簽放在 HTML 文檔 部分內(nèi)。
如果有多個(gè) CSS 文件要包含,可以使用多個(gè) <link> 標(biāo)簽或 <style></style> 標(biāo)簽。
外部樣式表文件可以位于與 HTML 文檔相同或不同的位置,但必須提供正確的路徑。






