一、CSS文件及樣式命名
1、CSS文件命名規(guī)范
全局樣式：global.css；
框架布局：layout.css；
字體樣式：font.css；
鏈接樣式：link.css；
打印樣式：print.css；
2、CSS樣式命名規(guī)范
本人建議：用字母、_號工、-號、數(shù)字組成，必須以字母開頭，不能為純數(shù)字。為了開發(fā)后樣式名管理方便，大家請用有意義的單詞或縮寫組合來命名，讓同事一看就明白這樣式大概是哪一塊的，這樣就節(jié)省了查找樣式的時間，例如：
頭部樣式用header，頭部左邊，可以用header_left或header_l,還有如果是列結(jié)構(gòu)的可以這樣——box _1of3 (三列中的第一列)，box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列)，其它的我就不一一舉例了，大家按以上規(guī)律去命名就好。
下面列出一些常用的命名單詞方便大家使用：（以后大家工作過程中慢慢把自己積累的單詞都共享出來，那大家的命就會更加統(tǒng)一了，就不會有一義多詞的情況了。）
容 器：container/box
頭 部：header
主 導 航：mainNav
子 導 航：subNav
頂 導 航：topNav
網(wǎng)站標志：logo
大 廣 告：banner
頁面中部：mainBody
底 部：footer
菜 單：menu
菜單內(nèi)容：menuContent
子 菜 單：subMenu
子菜單內(nèi)容：subMenuContent
搜 索：search
搜索關(guān)鍵字：keyword
搜索范圍：range
標簽文字：tagTitle
標簽內(nèi)容：tagContent
當前標簽：tagCurrent/currentTag
標　 題：title
內(nèi) 容：content
列 表：list
當前位置：currentPath
側(cè) 邊 欄：sidebar
圖 標：icon
注 釋：note
登 錄：login
注 冊：register
列 定 義：column_1of3 (三列中的第一列)
column_2of3 (三列中的第二列)
column_3of3 (三列中的第三列)
二、id和class的使用及區(qū)別
我們知道在樣式表定義一個樣式的時候，可以定義id也可以定義class，例如：
ID方法：#test{color:#333333}，在頁面中調(diào)用<div id="test">內(nèi)容<div>
CLASS方法：.test{color:#333333}，在頁面中調(diào)用<div class="test">內(nèi)容<div>
id一個頁面只可以使用一次，class可以多次引用。
我在頁面中用了多個相同id在IE中顯示也正常，id和class好象沒什么區(qū)別，用多個相同id有什么影響嗎？
頁面存在多個相同的ID影響就是不能通過W3的校驗。
在頁面顯示上，目前的瀏覽器還都允許你犯這個錯誤，用多個相同ID“一般情況下”也能正常顯示。但是當你需要用JavaScript通過id來控制這個div，那就會出現(xiàn)錯誤。
id是一個標簽，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容，就象你的名字，如果一個屋子有2個人同名，就會出現(xiàn)混淆；