css命名規範

最近公司缺乏人手,把我調到了一個前端開發中,哥原本就是作後臺的,可是無奈只能硬着頭皮上了,對於css怎麼滴還仍是瞭解,可是初始的命名整的我很頭疼,怕被人家說,因此這裏整理並轉載了一些css的命名留做備用:

關於css文件的命名。
主要的 master.css
佈局,版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css


頁頭
登陸條:loginBar         標誌:logo                側欄:sideBar 
廣告:banner              導航:nav                 子導航:subNav
菜單:menu               子菜單:subMenu      搜索:search
 滾動:scroll               頁面主體:main         內容:content
標籤頁:tab                 文章列表:list            提示信息:msg
小技巧:tips                欄目標題:title            加入:joinus
指南:guild                服務:service              熱點:hot
新聞:news                 下載:download         註冊:regsiter
狀態:status                按鈕:btn                    投票:vote 
合做夥伴:partner       友情連接:friendLink   頁腳:footer 
版權:copyRight
經常使用配合標籤div、h一、h二、h三、h四、span、em、b、strong、font、u

外 套:wrap              主導航:mainNav        子導航:subnav
頁 腳:footer             整個頁面:content      頁 眉:header
版    權:
copyRight       商 標:label              標 題:title 主導航:mainNav(globalNav)                  頂導航:topnav 邊導航:sidebar           左導航:leftsideBar   右導航:rightsideBar 旗 志:logo                標 語:banner         菜單內容1: menu1Content 菜單容量: menuContainer                  子菜單:  submenu 邊導航圖標:sidebarIcon                        註釋:   note 麪包屑:breadCrumb(即頁面所處位置導航提示) 容器:container      內容:content          搜索:search 登錄:login             功能區:  shop(如購物車,收銀臺) 當前:current
相關文章
相關標籤/搜索