CSS是網(wǎng)頁設(shè)計中的一個重要組成部分，而規(guī)范的類名命名是CSS編寫的一個重要方面。規(guī)范的類名命名可以提高代碼可讀性和可重用性，也可以提高代碼維護的效率。下面我們來講解一些如何取規(guī)范的類名。

/* 1. 類名應(yīng)該取具有語義的單詞或短語 */
/* 取一個搜索框的類名，應(yīng)該取 search 或 search-box 或者 input-search */
.search { }
/* 不應(yīng)該取一個無意義的類名，例如 box1 或者 section2 */
.box1 { }
.section2 { }
/* 2. 類名應(yīng)該盡量短小精悍，避免過于冗長 */
/* 取一個菜單的類名，應(yīng)該取 menu 或者 nav */
.menu { }
/* 不應(yīng)該取過于冗長的類名，例如 navigation 或者 menuList */
.navigation { }
.menuList { }
/* 3. 類名應(yīng)該使用小寫字母和連字符（-），不要使用下劃線（_）或者大寫字母 */
/* 取一個 logo 的類名，應(yīng)該取 logo 或者 logo-img */
.logo { }
/* 不應(yīng)該使用下劃線或大寫字母，例如 logo_image 或者 LogoImg */
.logo_image { }
.LogoImg { }
/* 4. 類名應(yīng)該具有可擴展性和可復(fù)用性 */
/* 取一個按鈕的類名，應(yīng)該取 button */
.button { }
/* 不應(yīng)該僅僅只考慮當(dāng)前視覺效果，例如 gray_button 或者 round_button */
.gray_button { }
.round_button { }
/* 5. 類名應(yīng)該盡量避免使用單個字母或數(shù)字 */
/* 取一個文章標(biāo)題的類名，應(yīng)該取 article-title */
.article-title { }
/* 不應(yīng)該使用單個字母或數(shù)字，例如 a 或者 t2 */
.a { }
.t2 { }

以上這些命名規(guī)則可以幫助我們?nèi)〉胶线m的類名，使得代碼更加清晰易于維護。