在編寫前端代碼時，CSS 樣式的書寫規范是非常重要的。規范的書寫方式，可以使得代碼更易于理解、易于維護。本文將介紹幾個常用的 CSS 樣式書寫規范。

1. 命名規范
命名規范是 CSS 樣式書寫中最基礎也最重要的一項。它的好壞決定了整個代碼的可讀性、可維護性和擴展性。根據約定，CSS 的選擇器名應使用小寫字母和短橫線命名法來命名。例如：
/* 壞的命名規范 */
.box1, Box_3 { ... }
/* 好的命名規范 */
.box-one, box-three { ... }
2.代碼格式
除了命名規范外，CSS 樣式書寫中的格式也是很重要的一項。良好的代碼格式可以使代碼更加可讀性，提高代碼的可維護性。縮進、空格、注釋是其中重要的部分。例如：
/* 壞的代碼格式 */
body{background-color:#fff;color:#333;}
/* 好的代碼格式 */
body {
background-color: #fff;
color: #333;
}
3.選擇器嵌套
選擇器嵌套是 CSS 樣式書寫中一種常用的方法。它可以方便地對某一模塊內部的元素進行樣式定義。但是，過度使用選擇器嵌套可能導致樣式復雜度增加、難以維護等問題。選擇器的嵌套層數不應超過 3 層。例如：
/* 壞的選擇器嵌套 */
.box li span {
...
}
/* 好的選擇器嵌套 */
.box span {
...
}
以上是 CSS 樣式書寫中的幾個常用規范，通過規范的 CSS 樣式書寫，可以讓代碼更易于理解、易于維護。