儘管命名css類的問題經常會被忽略，但這絕不等於它不重要。良好的命名能夠有效提高css樣式的編寫速度，有利於css樣式結構的組織。
web前端開發講求靈活和創意，採用何種命名法完全取決於個人習慣、團隊要求或者專案需求。目前常用的命名法無外乎camel命名法和符號連線命名法。
（1）camel命名法1
camel命名法也被稱為駱駝命名法、駝峰命名法，個人覺得駝峰這個名字很貼切。camel命名法的特點是混合使用大小寫字母來構成類名。程式清單1給出了camel命名法。
程式清單1
採用camel
命名法的**wl
eftcontent">
title">
top">
我是標題的頂部
（2）符號連線命名法
或left-content
）。很難說camel命名法和符號連線命名法哪個更好，抉擇取決於個人意識，有一種看法認為符號連線命名法的好處在於不用按「shift」鍵，進而達到避免拼寫錯誤的目的。
常用的css命名法從直觀顯示的角度進行命名，而語義化命名法則是從另乙個角度來對css類進行命名即將語義部分包含在css類命名中，這類似於程式開發中的匈牙利命名法。
程式清單2
語義化命名法的示例**
squirrel
w
swleftcontent ">
swlctitle">
swlcttop
">
我是標題的上部
類中的字首部分，餘下的部分依此類推。
調頭回來對比程式清單1和程式清單2，我們會發現程式清單2的優點顯而易見：
（1）降低了樣式覆蓋的概率
相似的層級關係來實現程式清單2中top類，而大多數情況下，開發者直接實現.swlttop
。（2）包含語義
通過觀察css類名可以清晰地讀出css類的層級關係。
注意：再強調一下，命名法之間沒有絕對優劣，強烈建議你花些時間找出最適合自己的命名法。此外，css類的命名同樣適用於id的命名。
1嚴格地說，camel命名法要求第乙個字母小寫，如果第乙個字母大寫則為帕斯卡命名法
css命名規範
良好的命名規範可以為團隊合作開發推波助瀾，無論在專案開發，還是產品維護上都起到了至關重要的作用。應該說命名規範是一種約定，也是程式設計師之間良好溝通的橋梁。命名規則 2.樣式檔案命名 主要的 master.css 布局版面 layout.css 專欄 columns.css 文字 font.css ...
CSS命名規範
網上整理的比較好的css命名規則，為css 的規範化做參考，增加 的可讀性。id的命名 1 頁面結構 2 導航 1.不使用大寫形式的類名和id名 2.盡可能使用描述性的英文單詞的組合作為類名和id名 3.id名及類名的多個英文單詞之間使用 短橫線分隔 4.按區域進行描述編號 例 main01 div...
css命名規範
最近看到了些關於css命名方面的文章，對於這方面我也有自己的看法。我接觸css有很長一段時間了，對於css的命名我也是在逐步改進。感覺工作中比較常碰見的問題 1.需要給層定義各種尺寸的寬度，高度基本是不用定義的 2.層的padding和層之間的margin 3.給文字高亮顏色 4.各種樣式的tab和...