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