在網頁開發中，CSS代碼是極為重要的一部分，它可以為網頁設置樣式，使網頁更加美觀和易于閱讀。為了讓CSS代碼更加規范和易于理解，我們需要遵循一些CSS代碼的寫法規則。

1. 縮進規則
CSS代碼中的每個樣式都應該獨占一行，并在每個樣式的前面空兩格，以增強代碼可讀性。
例如：
h1 {
font-size: 30px;
color: red;
}
2. 命名規則
為了增加代碼的可維護性和易讀性，CSS選擇器和樣式應該盡可能簡潔。
例如：
/* 推薦 */
.header {}
/* 不推薦 */
.myHeader {}
.headerStyle {}
3. 樣式規則
CSS樣式寫法應該簡潔清晰。盡量使用簡單的樣式實現效果，在必要的情況下可以選擇復雜的樣式。
例如：
/* 推薦 */
color: red;
background-color: #fff;
/* 不推薦 */
color: rgb(255, 0, 0);
background-color: white;
4. 注釋規則
為了讓別人更容易理解你的代碼，應該為代碼添加必要的注釋。
例如：
/* logo */
.logo {
height: 100px;
width: 100px;
background-image: url(image/logo.png);
}
5. 布局規則
在CSS布局中，應該盡可能使用相對單位和百分比，以支持不同尺寸的設備。
例如：
/* 推薦 */
width: 80%;
padding: 15px;
/* 不推薦 */
width: 500px;
padding: 15px;
總之，編寫CSS代碼時要遵循以上規則，讓代碼更加簡潔、易讀、易于維護，并且有助于提高網頁性能。