|
||
|
div+css布局時怎么命名比較好 | |
| 閱讀 2592 次 更新時間:2014-8-14 | |
|
內(nèi)容:content/container 尾:footer 導航:nav 側(cè)欄:sidebar 欄目:col 頁面外圍控制整體布局寬度:wrapper 左右中:left right center 登錄條:loginNar 標志:logo 廣告:banner 頁面主體:main 熱點:hot 新聞:news 下載:download 子導航:subNav 菜單:menu 子菜單:subMenu 搜索:search 友情鏈接:friendLink 頁腳:footer 版權(quán):copyright 滾動:scroll 內(nèi)容:content 標簽頁:tab 文章列表:list 提示信息:msg 小技巧:tips 欄目標題:title 加入:joinus 指南:guild 服務:service 注冊:regsiter 狀態(tài):status 投票:vote 合作伙伴:partner (二)注釋的寫法: /* Footer */ 內(nèi)容區(qū) /* End Footer */ (三)id的命名: (1)頁面結(jié)構(gòu) 容器: container 頁頭:header 內(nèi)容:content/container 頁面主體:main 頁尾:footer 導航:nav 側(cè)欄:sidebar 欄目:col 頁面外圍控制整體布局寬度:wrapper 左右中:left right center (2)導航 導航:nav 主導航:mainNav 子導航:subNav 頂導航:topNav 邊導航:sidebar 左導航:leftSidebar 右導航:rightSidebar 菜單:menu 子菜單:subMenu 標題: title 摘要: summary (3)功能 標志:logo 廣告:banner 登陸:login 登錄條:loginBar 注冊:regsiter 搜索:search 功能區(qū):shop 標題:title 加入:joinus 狀態(tài):status 按鈕:btn 滾動:scroll 標簽頁:tab 文章列表:list 提示信息:msg 當前的: current 小技巧:tips 圖標: icon 注釋:note 指南:guild 服務:service 熱點:hot 新聞:news 下載:download 投票:vote 合作伙伴:partner 友情鏈接:link 版權(quán):copyright (四)class的命名: (1)標題欄樣式,使用"類別+功能"的方式命名,如 .barNews { } .barProduct { } (2)模塊結(jié)構(gòu)css定議 模塊標題 .module 模塊標題 .moduleHead 模塊包裝 .moduleWrap 模塊內(nèi)容 .moduleContent 注意事項: 1.一律小寫; 2.盡量用英文; 3.不加中杠和下劃線; 4.盡量不縮寫,除非一看就明白的單詞. 主要的 master.css 模塊 module.css 基本共用 base.css 布局,版面 layout.css 主題&nbs ;themes.css 專欄 columns.css 文字 font.css 表單 forms.css 補丁 mend.css 打印 print.css | |
|
|
Copyright ? 2015-2016 陜西中安工程管理咨詢有限公司. All 。Rights Reserved. 陜ICP備15003820號 |