這篇文章主要講解了“CSS的命名規范有哪些”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“CSS的命名規范有哪些”吧！
我們說過，我們最終的目的是協同開發，所以就要讓我們的代碼讓別人看得懂。所以在css命名上需要有一定的規范，不同公司都有不同的規范，但這些規范大多都有相同的特點：
類名不使用魔法類名，也就是說，你的類名不能隨便起，應當具有一定意義（比如a，b這種類名就是不負責任的一種起名方式）。
如果可以，請不要使用拼音作為命名，因為閱讀代碼的人不一定會懂拼音，這不利于維護
如果可以，類名盡量簡寫（前提是能讓人看得懂，也就是說在2的基礎上簡寫。
類名的命名時如果涉及多個單詞組成的長名稱或者詞組，需要進行連字符進行連接，請使用中劃線（-），因為下劃線是js中經常使用到的，使用中劃線避免沖突。
不要隨便使用id選擇器（不然會出現命名荒），id選擇器在頁面中是唯一的，不可復用，而且id的優先級比較高，所以在調試上會比較麻煩。所以盡量按需使用。
為選擇器添加狀態前綴（或者直接以一個狀態命名一個選擇器）這樣可以更有語義化，比如某個標簽被選中激活了，可以使用active作為一個激活情況的css來應用。
css對大小寫不敏感（不是絕對的，如果與HTML文檔一起工作，class和id就對大小寫敏感，所以，請統一使用小寫），但并不意味著你可以隨便采用大小寫混合，最好的方式是統一用大寫或者小寫，就個人經驗而言，小寫字母更易閱讀。
css是有順序的，后面寫的樣式在優先級相同的情況下會覆蓋掉前面的樣式，所以請注意你的書寫順序！
我們一般寫css的時候要按照一定的順序有規律的寫css代碼，這樣會提高代碼的可閱讀性。一種經典的css屬性書寫順序是這樣的：
位置屬性(position, top, right, z-index, display, float等)
大小(width, height, padding, margin)
文字系列(font, line-height, letter-spacing, color- text-align等)
背景(background, border等)
其他(animation, transition等)
另外，在一些簡寫中也要求屬性按一定順序排列，比如當簡寫background屬性時，屬性值的順序為:
background-color
background-image
background-repeat
background-attachment
background-position
在可以使用簡寫的情況下請盡量使用簡寫，這樣能精簡代碼便于閱讀。
如果有小數點前是0的話，可以去掉小數點。（但是小編還是以為留著小數點會更有閱讀性）。
如果使用16進制顏色代碼，可以縮寫的話盡量縮寫。（但是大多數情況不一定能縮寫，所以不縮寫也不會有太大的閱讀問題）。
注釋很重要，要明白你寫的代碼最后不只是你要看的，好的注釋可以讓你的同事更好理解你的代碼，也能避免同事間的沖突（試想一下，你看到的寫的想屎一樣的代碼來自你的一個不是很待見的同事，你會給他好臉色嗎？）。
不要使用！important，它是樣式優先級最高的意思，如果使用他會讓本來就不好調試的css代碼更加混亂，這個命令通常是在調試的時候使用的，盡量不要寫進生產代碼。
如果對你的代碼是否符合規范還有疑惑，一些開發工具提供代碼檢查功能（沒錯我說的就是jetbrain公司的產品，他們家的webstorm，PHPstorm，還有可以兼職編寫前端頁面的idea，pycharm等都有代碼檢查功能，可以檢查css是否符合規范）。
感謝各位的閱讀，以上就是“CSS的命名規范有哪些”的內容了，經過本文的學習后，相信大家對CSS的命名規范有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
