在編寫CSS樣式表時，我們可以選擇將CSS代碼嵌入到HTML文件中，或將其存儲在外部文件中，并在HTML文件中使用外部引用的方式來調用它。這篇文章將會討論一下外部引用CSS文件的編寫方式。
在外部引用CSS文件之前，我們需要先創建一個CSS文件，并將其保存在服務器或本地電腦中。通常情況下，我們將其命名為“styles.css”或“main.css”等有意義的文件名。此外，我們還需要在HTML文件的
標簽中使用元素來引用CSS文件：<head>
<link rel="stylesheet" href="styles.css">
</head>在此代碼中，“<link>”元素定義了鏈接到外部資源的關系。其中，“rel”屬性指定了鏈接的資源類型為樣式表，“href”屬性規定了鏈接的資源路徑為“styles.css”。
接下來，我們可以在CSS文件中寫下我們的樣式代碼。例如，下面的代碼定義了一個樣式類，將文本顏色設置為紅色：
.red-text {
color: red;
}要在HTML文件中使用這個樣式，我們可以在HTML文件的任何標簽中添加一個“class”屬性，并將其屬性值設為我們定義的樣式類名“red-text”：
<p class="red-text">這是一段紅色的文本</p>在這個例子中，“<p>”標簽使用了“class”屬性，并將其屬性值設置為“red-text”。這樣，這個段落的文本顏色就會變成我們在CSS文件中定義的紅色。
總的來說，使用外部引用的方式來編寫CSS樣式表，可以使得我們的HTML文件更加清晰簡潔，同時也便于維護。另外，如果我們的網站需要多個HTML文件共用樣式，外部引用CSS文件的方式也更加靈活方便。