當我們進行網頁開發時，我們經常需要用到CSS來為網頁添加樣式，而代碼的數量和復雜度隨著功能的增加而迅速增長。因此，為了方便管理和維護，我們需要組織CSS代碼。

首先，我們可以將所有CSS代碼放在一個文件中以便管理。這樣做有利于避免代碼分散在多個文件中并且可以更好地控制CSS代碼的順序。

/*  example.css  */
/* Reset styles */
html, body {
margin: 0;
padding: 0;
}
/* Header styles */
header {
background-color: #333;
color: #FFF;
padding: 10px 20px;
}
/* Content styles */
.container {
width: 800px;
margin: 0 auto;
}
.content {
float: left;
width: 600px;
margin-right: 20px;
}
.sidebar {
float: right;
width: 180px;
}
/* Footer styles */
footer {
background-color: #333;
color: #FFF;
padding: 10px 20px;
}

其次，在CSS代碼中，我們應該按照元素層次，從外到內的順序來組織代碼。這樣做不僅提高代碼可讀性，還能夠更好地控制元素之間的關系。比如，可以先定義整個頁面的樣式，然后再細化到頭部、內容和頁腳等各個部分。

另外，我們還可以使用CSS預處理器（如Sass或Less）來組織CSS代碼。預處理器可以幫我們更好地組織CSS，并且通過變量、嵌套、繼承等特性，可以節省大量的時間和精力。

無論采用何種方式來組織CSS，都需要注意代碼的可讀性、易于維護和擴展性。只有合理的組織CSS代碼，才能帶來更好的開發體驗和更優秀的網頁。