一、CSS文件命名規范

建議：用字母、_號工、-號、數字組成，必須以字母開頭，不能為純數字。為了開發后樣式名管理方便，大家請用有意義的單詞或縮寫組合來命名，讓同事一看就明白這樣式大概是哪一塊的，這樣就節省了查找樣式的時間，例如：
頭部樣式用header，頭部左邊，可以用header_left或header_l,還有如果是列結構的可以這樣——box _1of3 (三列中的第一列)，box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列)，其它的我就不一一舉例了，大家按以上規律去命名就好。
 

下面列出一些常用的命名單詞方便大家使用：（以后大家工作過程中慢慢把自己積累的單詞都共享出來，那大家的命就會更加統一了，就不會有一義多詞的情況了。）

大局款式：global.css；
結構布局：layout.css；
字體款式：font.css；
鏈接款式：link.css；
打印款式：print.css；

容 器：container/box
頭 部：header
主 導 航：mainNav
子 導 航：subNav
頂 導 航：topNav
網站標志：logo
大 廣 告：banner
頁面中部：mainBody
底 部：footer
菜 單：menu
菜單內容：menuContent
子 菜 單：subMenu
子菜單內容：subMenuContent
搜 索：search
搜索關鍵字：keyword
搜索范圍：range
標簽文字：tagTitle
標簽內容：tagContent
當前標簽：tagCurrent/currentTag
標　 題：title
內 容：content
列 表：list
當前位置：currentPath
側 邊 欄：sidebar
圖 標：icon
注 釋：note
登 錄：login
注 冊：register
列 定 義：column_1of3 (三列中的第一列)
column_2of3 (三列中的第二列)
column_3of3 (三列中的第三列)

二、id和class的使用及區別

我們知道在樣式表定義一個樣式的時候，可以定義id也可以定義class，例如：
 

ID方法：#test{color:#333333}，在頁面中調用<div>內容<div>
CLASS方法：.test{color:#333333}，在頁面中調用<div class="test">內容<div>
id一個頁面只可以使用一次，class可以多次引用。
我在頁面中用了多個相同id在IE中顯示也正常，id和class好象沒什么區別，用多個相同id有什么影響嗎？
頁面存在多個相同的ID影響就是不能通過W3的校驗。
在頁面顯示上，目前的瀏覽器還都允許你犯這個錯誤，用多個相同ID“一般情況下”也能正常顯示。但是當你需要用JavaScript通過id來控制這個div，那就會出現錯誤。
id是一個標簽，用于區分不同的結構和內容，就象你的名字，如果一個屋子有2個人同名，就會出現混淆；
class是一個樣式，可以套在任何結構和內容上，就象一件衣服；