在網頁設計中，我們通常會使用div來劃分不同的頁面區域。如果我們想要為這些div添加CSS樣式，我們可以將CSS代碼集中在一個文件中，或者將其分散在不同的文件中。在這篇文章中，我們將討論如何將CSS分開編寫，以使CSS代碼更易于管理。
首先，我們可以將CSS集中在一個文件中。這種方法比較常見，因為它可以使我們的CSS代碼更易于管理。我們只需要在HTML文件中引用這個文件，就可以為所有的div添加CSS樣式了。CSS代碼文件的擴展名通常是.css。我們可以在這個文件中使用選擇器來為div添加樣式，如下所示：
div {
border: 1px solid #000;
background-color: #f1f1f1;
padding: 10px;
}如果我們使用這種方法來編寫CSS，我們需要確保選擇器的權重足夠強大，以避免其他CSS樣式的干擾。我們可以使用類名或ID來增加選擇器的權重，如下所示：
.header {
font-size: 24px;
font-weight: bold;
}
#main {
width: 80%;
margin: 0 auto;
}另一種方法是將CSS分散在不同的文件中，這種方法適用于大型網站，因為它可以使代碼更易于維護。我們可以為每個div創建一個單獨的CSS文件，并將它們分別鏈接到HTML文件中。這樣，我們的代碼將具有更好的結構和可讀性。例如，我們可以創建一個CSS文件來設置頁眉的樣式，如下所示：
.header {
font-size: 24px;
font-weight: bold;
background-color: #333;
color: #fff;
padding: 10px;
}然后，我們可以在HTML文件中鏈接到這個CSS文件，如下所示：
<head> <link rel="stylesheet" href="header.css"> </head> <body> <div class="header"> <h1>My Website</h1> </div> </body>
無論您使用哪種方法，都需要記住的是，將CSS分散在不同的文件中會使代碼更易于管理和維護，但它需要更多的代碼來設置鏈接。如果您需要設置CSS樣式的順序，則應該按照HTML文檔中DIV元素的次序進行設置，否則可能會出現某些樣式無法正常工作的問題。