最近公司缺乏人手,把我調到了一個前端開發中,哥原本就是作後臺的,可是無奈只能硬着頭皮上了,對於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