在編寫 web 頁面時，樣式是極其重要的一種元素，通過它我們可以為頁面增添整齊、美觀的風格，提高用戶的體驗感。然而，如果樣式文件的編寫沒有規范，就會導致代碼難以維護，增加修改成本，降低工作效率。所以，本文將為大家介紹一些css樣式文件規范，希望能夠幫助大家提高編寫css樣式的落地效果。

1. 樣式文件的名稱應當有意義：

/* bad example */
style.css
/* good example */
homepage.css

2. 縮進應該與標簽層級一致：

/* bad example */
a {
color: black;
padding: 10px;
font-family: Arial;
}
/* good example */
a {
color: black;
padding: 10px;
font-family: Arial;
}

3. 使用大括號與冒號時遵循空格的規則：

/* bad example */
a{
color:black;
padding :10px ;
font-family:Arial;
}
/* good example */
a {
color: black;
padding: 10px;
font-family: Arial;
}

4. 樣式表中的注釋應同一風格：

/* bad example */
/*這是a標簽的字號*/
a {
font-size: 16px;
}
/*這是p標簽的字號*/
p {
font-size: 18px;
}
/* good example */
/* a標簽字號 */
a {
font-size: 16px;
}
/* p標簽字號 */
p {
font-size: 18px;
}

5. 避免使用 id 選擇器：

/* bad example */
#container {
width: 90%;
}
/* good example */
.container {
width: 90%;
}

總之，開發者們在寫 css 樣式時，不僅要考慮美觀、實用，還要注重代碼本身的規范。只有在良好的規范下，我們得到的結果才是優美、高效的！