在編寫網(wǎng)頁樣式時,我們經(jīng)常使用的就是 CSS 屬性,而 CSS 屬性的命名也是一件非常重要的事情。如果命名不規(guī)范或者隨意,會給代碼維護和團隊協(xié)作帶來很大的困難。 在 CSS 屬性的取名方面,有以下幾點需要注意。
- 取名需簡潔明了:CSS 屬性名稱盡量使用簡短、明了的單詞或縮寫。例如,我們通常使用的 color 屬性,而不是使用更冗長的 full-text-color 屬性。
- 取名需準(zhǔn)確表達(dá)含義:CSS 屬性名稱應(yīng)該準(zhǔn)確地表達(dá)其設(shè)計目的或體現(xiàn)它的功能。例如,我們使用的 padding 屬性,它的設(shè)計目的就是為了在元素內(nèi)部創(chuàng)建一些空白區(qū)域。
- 取名需要可讀性: CSS 屬性名稱應(yīng)該定義得足夠清晰,使其意味著與屬性高度相關(guān)的特征和屬性使用方式。例如,我們使用的 opacity 屬性,它的目的是定義元素的透明度,可讀性比較強。
/*好的代碼*/ .example { color: #000; padding: 10px; opacity: .5; } /*不好的代碼*/ .example { ct: #000; /* 文字顏色 */ inner-g: 10px; /* 內(nèi)部間距 */ trans: .5; /* 透明度 */ }
上一篇css屬性可繼承的
下一篇css屬性有哪些類型