單獨的CSS文件可以讓你更好地管理和控制Web頁面的樣式，因為它可以讓你在不改變HTML代碼的情況下快速地調整樣式。以下是如何為Web頁面創建單獨的CSS文件。
首先，在你的電腦上選擇一個文本編輯器，例如Atom、Sublime Text等，并打開它。在文本編輯器中，創建一個新文件并將其保存到你想要創建CSS文件的位置（通常是Web頁面目錄中的CSS文件夾）。
接下來，使用pre標簽將下面的CSS樣式代碼復制到你的新文件中。
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
font-size: 36px;
color: #333;
}
p {
font-size: 18px;
color: #666;
line-height: 1.5;
}
a {
color: #0066cc;
text-decoration: none;
}在這個例子中，我們定義了一些常見的樣式，例如背景顏色、字體以及鏈接的顏色和文本裝飾。
保存你的CSS文件，將其命名為styles.css，或者取一個你喜歡的文件名。記住，你必須使用.css文件擴展名，以便Web瀏覽器將其識別為CSS文件。
最后，在HTML文件中添加以下代碼，以將CSS文件鏈接到你的Web頁面中：
<head> <link rel="stylesheet" type="text/css" href="css/styles.css"> </head>
這將把你的CSS文件與HTML文件鏈接起來，可以在Web頁面上應用樣式。
現在你已經學會了如何創建單獨的CSS文件來樣式化Web頁面。記得實踐并嘗試對不同的元素添加不同的樣式。
上一篇如何去除css的屬性