在網頁開發中，我們需要為網頁添加樣式，讓網頁看起來更加美觀。為了實現這個目的，我們可以使用 CSS（層疊樣式表）來控制網頁的布局和樣式。在使用CSS時，我們需要將CSS代碼嵌入HTML文件中。但是，如果我們需要在多個網頁中使用相同的CSS樣式，這將會是一件非常繁瑣的工作。為了解決這個問題，我們可以將CSS樣式放在一個單獨的文件中，并在HTML文件中引用這個文件。
/* 聲明一個CSS樣式，存放在styles.css文件中 */
h1 {
color: blue;
font-size: 24px;
}
/* 引用外部CSS樣式文件 */
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>在上面的例子中，我們將樣式聲明放在"styles.css"文件中。我們使用<link>標簽將這個文件引入到HTML文件中。在<link>標簽中，我們需要設置"rel"屬性為"stylesheet"，"type"屬性為"text/css"，并且設置"href"屬性為CSS樣式文件的路徑。當瀏覽器解析HTML文件時，它會發送一個請求到服務器上，請求這個樣式表。一旦這個樣式文件被加載，瀏覽器就可以按照樣式文件中的設置為HTML元素添加樣式。
使用外部CSS樣式文件的好處在于，我們可以將CSS代碼集中管理，并且在整個網站中重復使用。這樣可以大大減少工作量，而且可以確保整個網站的外觀和樣式保持一致。