在網頁制作中，我們常常使用CSS來為我們的網頁添加各種樣式。通常，我們會將CSS代碼直接寫在網頁的header里，這樣的確很方便，但也存在一些弊端，比如使得代碼臃腫、難以維護，同時如果我們需要為多個頁面添加樣式，那么就需要重復復制CSS代碼。所以，為了更好地組織和管理我們的CSS樣式，我們可以將它們保存在一個單獨的文件中，并通過引入方式來選擇性地將該文件應用于我們的HTML頁面。
1. 創建一個.css文件
首先，在你的計算機上創建一個新文件，將擴展名改為.css，比如style.css。在該文件中，你可以寫入所需要的所有CSS代碼，如下所示:
pre{
font-size: 20px;
color: #333;
background-color: #f5f5f5;
padding: 10px;
}
2.在HTML文件中引入CSS文件
現在，我們需要將該CSS文件引入到我們的HTML中。使用以下代碼。我的網頁
這是一段文本。
在head標簽中，我們使用標簽來引入外部的CSS文件。在href屬性中，我們需要指定CSS文件的路徑和文件名。在本例中，我們的CSS文件名為style.css，因此路徑為同級路徑。 3.測試 保存HTML和CSS文件后，我們可以在瀏覽器中打開HTML文件以查看效果。如果一切正常，我們就應該看到一條灰色的背景下，黑色的字體的預格式化文本框。 總結 將CSS代碼保存在單獨的CSS文件中，并通過標簽引入它們，是一種將CSS樣式組織和管理的常用方式。這種方法使得CSS代碼更具可讀性，易于維護和修改，并且可以將樣式應用到多個HTML頁面上。