在 HTML 中引入 CSS 有兩種方法：使用 標籤連結外部樣式表檔案；使用 標籤在 HTML 文件內定義 CSS 樣式。 </p></blockquote><p><img src="https://img.php.cn/upload/article/202404/11/2024041112024191823.jpg" alt="如何在html中引入css文件" ></p><p>在 HTML 中引入 CSS 文件，有助於將樣式資訊與 HTML 文件分離，從而輕鬆維護和更新樣式。有兩種方法可以引入CSS 檔案：</p><p><strong>1. 使用<code><link></code> 標籤</strong></p><p><code><link></code> 標籤用於將外部樣式表檔案連結到HTML 文件。其語法如下：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><link rel="stylesheet" href="style.css"></code></pre><div class="contentsignin">登入後複製</div></div><p>其中：</p><ul><li><code>rel</code> 屬性指定連結檔案與目前文件的關係，<code>stylesheet</code> 表示這是一個樣式表文件。 </li><li><code>href</code> 屬性包含要關聯的樣式表檔案的路徑。 </li></ul><p><strong>2. 使用<code><style></code> 標籤</strong></p><p><code><style></code> 標籤用於在HTML文檔內部定義CSS 樣式。其語法如下：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><style> body { background-color: #f0f0f0; font-family: Arial, sans-serif; } 登入後複製其中：</code> 標籤包含要定義的 CSS 規則。 </li><li>CSS 規則使用標準的CSS 語法，包括選擇器（<code>body</code>）和樣式宣告（<code>background-color</code>、<code>font-family</code>） 。 </li></ul><p><strong>注意：</strong></p><ul><li>無論使用哪種方法，都應將CSS 檔案或<code><style></code> 標籤放在HTML 文件<code><head></code> 部分內。 </li><li>如果有多個 CSS 檔案要包含，可以使用多個 <code><link></code> 標籤或 <code><style></code> 標籤。 </li><li>外部樣式表檔案可以位於與 HTML 文件相同或不同的位置，但必須提供正確的路徑。 </li></ul></body></html>
