制作頁面時最頭痛的事莫過于對這些樣式表文件命名了,很多朋友也學都象我一樣直接用拼音,呵,好處就是幾乎不用思考,不過也為后來的維護增添了一些麻煩,特別是和同事協(xié)同工作時。
下面是最近在網(wǎng)上搜羅到的一些CSS命名方法,希望能幫助到設計師朋友們.
1.CSS ID 的命名
外 套: wrap
主導航: mainnav
子導航: subnav
頁 腳: footet
整個頁面: content
頁 眉: header
頁 腳: footer
商 標: label
標 題: title
主導航: mainbav(globalnav)
頂導航: topnav
邊導航: sidebar
左導航: leftsidebar
右導航: rightsidebar
旗 志: logo
標 語: banner
菜單內(nèi)容1: menu1 content
菜單容量: menu container
子菜單: submenu
邊導航圖標:sidebarIcon
注釋: note
面包屑: breadcrumb(即頁面所處位置導航提示)
容器: container
內(nèi)容: content
搜索: search
登陸: Login
功能區(qū): shop(如購物車,收銀臺)
當前的 current
2.另外在編輯樣式表時可用的注釋可這樣寫:
<-- Footer -->
內(nèi)容區(qū)
<-- End Footer -->
3.樣式文件命名
主要的 master.css
布局,版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css