HTML是網頁制作的基礎語言，在網頁制作過程中，我們可以通過CSS來實現網頁的樣式設計。通常情況下，我們會將CSS樣式代碼直接寫在HTML文件中，但這種做法會導致HTML文件變得臃腫，降低代碼的可讀性和可維護性。因此，我們可以使用外部CSS文件來管理網頁的樣式。
在HTML文件中，我們可以通過pre標簽將CSS代碼嵌入到HTML文件中，從而使得CSS代碼的可讀性更高。然而，如果需要設計多個頁面的樣式，就需要在每個HTML文件中重復嵌入CSS代碼。這不僅增加了代碼的工作量，還降低了代碼的可維護性。
為了解決這個問題，我們可以將CSS代碼寫入到外部CSS文件，并通過HTML中的link標簽將CSS文件引入到HTML文件中。下面是一個示例：
<!DOCTYPE html>
<html>
<head>
<title>外部CSS文件示例</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>這是一個段落。</p>
</body>
</html>在這個示例中，我們在HTML文件的頭部通過link標簽引入了名為style.css的外部CSS文件。這個CSS文件中包含了所有的樣式代碼。通過這種方式，我們可以將所有的樣式代碼集中在一個文件中，使得代碼更具可讀性和可維護性。