CSS樣式很重要，因為它們能夠決定網頁的外觀和布局。當我們在代碼中添加CSS樣式時，我們必須確保代碼清晰易懂，以便其他人能夠輕松地閱讀和理解代碼。為達成這個目的，我們可以使用注釋格式化來提高代碼的可讀性。

/*======== 注釋格式化示例 =======================================*/
/*
 * Author: John Smith
 * Date: 12/10/2021
 * Description: This style sheet defines the layout and styling of the Home page.
 */
/*======== 頁面容器樣式 =============================================*/
/*設置頁面容器的背景顏色*/
#page-container {
background-color: #fff;
}
/*設置頁面容器的寬度和邊距*/
#page-container {
width: 800px;
margin: 0 auto;
}
/*======== 標題樣式 ===================================================*/
/*設置主標題的字體大小和顏色*/
h1 {
font-size: 36px;
color: #333;
}
/*設置副標題的字體大小和顏色*/
h2 {
font-size: 24px;
color: #666;
}
/*======== 導航欄樣式 ===============================================*/
/*設置導航欄的背景顏色*/
#nav {
background-color: #333;
}
/*設置導航欄鏈接的字體大小和顏色*/
#nav a {
font-size: 14px;
color: #fff;
text-decoration: none;
}
/*設置激活鏈接的背景顏色和文本顏色*/
#nav .active {
background-color: #fff;
color: #333;
}
/*======== 頁腳樣式 ===================================================*/
/*設置頁腳的背景顏色和邊距*/
#footer {
background-color: #f5f5f5;
padding: 20px;
}
/*設置頁腳中的鏈接的字體大小和顏色*/
#footer a {
font-size: 12px;
color: #666;
text-decoration: none;
}
/*設置版權信息的字體大小和顏色*/
#copyright {
font-size: 10px;
color: #999;
}
/*======== 結束注釋格式化示例 ===========================================*/

如上述示例所示，使用注釋格式化，可以幫助我們更好地組織代碼并使其易于閱讀。在這個樣式表中，注釋用于說明每個樣式的作用，作者以及日期。注釋也用于分組不同類型的樣式，例如頁面容器樣式，標題樣式，導航欄樣式和頁腳樣式等。這種注釋格式化風格可以提高代碼的可讀性，使它易于擴展和修改。