在 html 中引入外部 css 只需三步：創建 css 文件、添加代碼，然后在 html 文檔的
部分中鏈接該文件 ()。這樣做的好處包括代碼可維護性、靈活性以及提高加載速度。
如何在 HTML 中引入外部 CSS
在 HTML 中引入外部 CSS 有助于將樣式與內容分離，使代碼更易于維護和管理。以下是如何實現的步驟：
- 創建 CSS 文件：
使用文本編輯器或代碼編輯器創建一個新的 CSS 文件，并將其保存為擴展名為 “.css” 的文件。
<code>mystyles.css</code>
登錄后復制
- 添加 CSS 代碼：
在 CSS 文件中添加所需的樣式規則。
<code class="css">body {
font-family: Arial, sans-serif;
}
h1 {
color: blue;
}</code>
登錄后復制
- 鏈接外部 CSS 文件：
在 HTML 文檔的 部分中，使用 <link> 元素鏈接外部 CSS 文件。
<code class="html"> <link rel="stylesheet" href="mystyles.css"></code>
登錄后復制
- 保存 HTML 文檔：
保存 HTML 文檔，以便瀏覽器能夠讀取外部 CSS 文件。
好處：
引入外部 CSS 具有以下好處：
代碼可維護性：將樣式與內容分離使代碼更易于管理和更新。
靈活性：可以在多個 HTML 文檔中重復使用相同的 CSS 文件，從而確保一致的樣式。
加載速度： CSS 文件可以單獨下載和緩存，這可以提高網頁的加載速度。
