Web CSS的代碼規范是很重要的，它可以讓我們的代碼更加可讀、可維護和易于擴展。下面是一些Web CSS代碼規范的指南：

/* 使用四個空格縮進 */
.selector {
color: #333;
background-color: #fff;
}
/* 將CSS屬性按字母順序排列 */
.selector {
background-color: #fff;
color: #333;
}
/* 使用簡寫屬性 */
.selector {
margin: 0 10px;
font: 16px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 1px solid #ccc;
}
/* 不要使用ID選擇器 */
/* 正確的寫法 */
.selector {
color: #333;
}
/* 錯誤的寫法 */
#selector {
color: #333;
}
/* 不要使用全局選擇器 */
/* 正確的寫法 */
.container .box {
color: #333;
}
/* 錯誤的寫法 */
* {
color: #333;
}
/* 使用類選擇器代替元素選擇器 */
/* 正確的寫法 */
.btn {
color: #fff;
background-color: #333;
border: 1px solid #ccc;
}
/* 錯誤的寫法 */
button {
color: #fff;
background-color: #333;
border: 1px solid #ccc;
}
/* 命名規范 */
/* 使用小寫字母和連字符代替駝峰式命名 */
.container-box {
/* ... */
}
/* 選擇器中使用有意義的詞匯 */
.header-main {
/* ... */
}
/* 避免使用魔數 */
$primary-color: #333;
.btn {
color: #fff;
background-color: $primary-color;
border: 1px solid #ccc;
}

遵循Web CSS代碼規范有助于我們的代碼整潔、可讀、易擴展，實際項目中多做實踐，會有不同的體會與收獲。