在網頁設計中，CSS是必不可少的一部分。為了讓網頁結構清晰簡潔，CSS常用命名規則也尤為重要。以下是一些常用的CSS命名規則。

/* 命名規則一：使用單個單詞 */
.header {
/* 樣式規則 */
}
/* 命名規則二：使用多個單詞，使用"-"連接 */
.nav-bar {
/* 樣式規則 */
}
/* 命名規則三：使用駝峰式命名 */
.blogPostContent {
/* 樣式規則 */
}
/* 命名規則四：使用BEM命名規則 */
.block {
/* 樣式規則 */
}
.block__element {
/* 樣式規則 */
}
.block--modifier {
/* 樣式規則 */
}
/* 命名規則五：使用模塊化的命名規則 */
.registration-form__label {
/* 樣式規則 */
}
/* 命名規則六：使用語義化命名 */
.important-text {
/* 樣式規則 */
}

通過以上幾種命名規則，我們可以更好地維護CSS樣式，減少沖突和混淆，并提高代碼的可讀性和可維護性。