在網頁設計中，需要使用 CSS 來控制頁面的樣式。通常情況下，我們可以將 CSS 樣式寫在 HTML 的<style>標簽內部，這被稱為內部樣式表。但是，如果頁面較大或樣式較多，這種方式將非常麻煩，難以維護。那么，如何管理和維護較大的 CSS 樣式呢？這時，我們就可以使用外部樣式表。

/* 外部樣式表示例 */
/* style.css */
body {
background-color: #f5f5f5;
font-size: 16px;
font-family: Arial, sans-serif;
}
h1 {
color: blue;
}
p {
color: #333;
}

外部樣式表是以 .css 擴展名為文件形式存在的，我們只需要將 CSS 樣式代碼寫入這個文件中，然后在 HTML 文檔內部引用即可。引入外部樣式表的方式如下：

/* 在 HTML 中引入外部樣式表 */
<link rel="stylesheet" href="style.css">

其中，link是 HTML 的鏈接標簽，用于引入資源文件，rel="stylesheet"表示鏈接的是樣式表，href則是鏈接樣式表的地址。

使用外部樣式表的好處如下：

• 可維護性：樣式與文件分離，方便維護和修改。
• 可重用性：多個頁面共用同一個樣式表，減少重復代碼。
• 速度優化：瀏覽器可以緩存樣式表，加快頁面加載速度。

總之，使用外部樣式表來管理 CSS 樣式是一個值得推薦的做法。通過分離頁面樣式與內容，不僅可以提高效率，也能讓頁面變得更加清晰易讀。