網頁的外部 CSS（層疊樣式表）是一種讓網頁外觀變得更加豐富和美觀的技術，它可以幫助網頁設計師通過將樣式與網頁內容分離來提高開發效率。通過將樣式集中在一個外部文件中，您可以輕松地更改樣式，而不必在網頁布局中逐個更改。
例如，如果您要更改所有標題的字體大小，您只需更改樣式表中的一個定義即可，而不必找到每個標題的類或 ID 并手動更改樣式。這大大增加了效率，并使維護更輕松。
如下示例，我們創建一個名為 style.css 的外部樣式文件，并將其與 HTML 文件鏈接。以下是樣式文件和 HTML 文件中的代碼示例：
HTML 文件
<html>
<head>
<title>Welcome to My Website</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p class="redText">This paragraph has the class "redText".</p>
</body>
</html>
CSS 文件
.redText {
color: red;
}
在這個示例中，我們創建了一個名為.redText 的 CSS 類，其 color 屬性被設置為紅色。我們將該類分配給一個 HTML 段落元素，以便樣式適用于特定段落。總之，在一個外部 CSS 文件中編寫和組織您的樣式非常重要。不僅可以提高您的開發效率，還可以使您的代碼更具可讀性和可維護性。如果您正在開始創建網頁，并希望使它們更加豐富和美觀，這是一個絕佳的起點。