一、CSS文件命名規範php
全局樣式：global.css；css
框架佈局：layout.css；html
字體樣式：font.css；app
連接樣式：link.css；框架
打印樣式：print.css；ide
二、CSS樣式命名規範佈局
CRAZYSEO工程師建議：用字母、_號工、-號、數字組成，必須以字母開頭，不能爲純數字。爲了開發後樣式名管理方便，你們請用有意義的單詞或縮寫組合來命名，讓同事一看就明白這樣式大概是哪一塊的，這樣就節省了查找樣式的時間。post
例如： 頭部樣式用header，頭部左邊，能夠用header_left或header_l,還有若是是列結構的能夠這樣——box _1of3 (三列中的第一列)，box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列)，其它的我就不一一舉例了。字體
你們按以上規律去命名就好。下面列出一些經常使用的命名單詞方便你們使用：（之後你們工做過程當中慢慢把本身積累的單詞都共享出來，那你們的命就會更加統一了，就不會有一義多詞的狀況了。）網站
容 器：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 (三列中的第三列)