在 HTML 中引入 CSS 有兩種方法:使用 <link> 標籤連結外部樣式表檔案;使用 <style> 標籤在 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>
標籤用於在HTML文檔內部定義CSS 樣式。其語法如下:
<code class="html"><style> body { background-color: #f0f0f0; font-family: Arial, sans-serif; } </style></code>
其中:
<style>
標籤包含要定義的 CSS 規則。 body
)和樣式宣告(background-color
、font-family
) 。 注意:
<style>
標籤放在HTML 文件<head>
部分內。 <link>
標籤或 <style>
標籤。 以上是如何在html中引入css文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!