在 html 中引入 css 有兩種方法:使用 <link> 標(biāo)簽鏈接外部樣式表文件;使用 標(biāo)簽在 html 文檔內(nèi)定義 css 樣式。
在 HTML 中引入 CSS 文件,有助于將樣式信息與 HTML 文檔分離,從而輕松維護(hù)和更新樣式。有兩種方法可以引入 CSS 文件:
1. 使用 <link>
標(biāo)簽
<link>
標(biāo)簽用于將外部樣式表文件鏈接到 HTML 文檔。其語法如下:
<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 樣式。其語法如下:
<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 語法,包括選擇器(body
)和樣式聲明(background-color
、font-family
)。
注意:
無論使用哪種方法,都應(yīng)將 CSS 文件或 <style></style>
標(biāo)簽放在 HTML 文檔 部分內(nèi)。
如果有多個(gè) CSS 文件要包含,可以使用多個(gè) <link>
標(biāo)簽或 <style></style>
標(biāo)簽。
外部樣式表文件可以位于與 HTML 文檔相同或不同的位置,但必須提供正確的路徑。