Css+div 網站佈局常用命名
css+div,div網站命名,div網站製作命名,css常用命名
整理了一些常用的網站div+css網站製作常用轉載 地址：http://t.zoukankan.com/HughTan-p-1715986.html
(一)命名
(1)頁面結構
容器: container
頁頭：header
內容：content/container
頁面主體：main
頁尾：footer
導航：nav
欄目：col
頁面外圍控制整體佈局寬度：wrapper
側欄：sidebar
左右中：left right center
主導航：mainNav
子導航：subNav
頂導航：topNav
邊導航：sidebar
左導航：leftSidebar
右導航：rightSidebar
選單：menu
子選單：subMenu
標題: title
摘要: summary
子導航：subNav
(2)功能
標誌：logo
廣告：banner
登陸：login
登入條：loginBar
註冊：regsiter
搜尋：search
功能區：shop
標題：title
加入：joinus
狀態：status
按鈕：btn
滾動：scroll
提示資訊：msg
文章列表：list
標籤頁：tab
當前的: current
小技巧：tips
圖示: icon
註釋：note
指南：guild
服務：service
熱點：hot
新聞：news
下載：download
投票：vote
合作伙伴：partner
友情連結：link
版權：copyright
(二)class的命名
(1)標題欄樣式,使用"類別+功能"的方式命名
.barNews { }
.barProduct { }
(2)模組結構css定義
模組標題 .module
模組標題 .moduleHead
模組包裝 .moduleWrap
模組內容 .moduleContent
(三)css的命名
主要的 master.css
補丁 mend.css
列印 print.css
模組 module.css
基本共用 base.css
佈局，版面 layout.css
主題themes.css
專欄 columns.css
文字 font.css
表單 forms.css
(四)註釋的寫法:
/* Footer */
內容區
/* End Footer */
(五)注意事項:
1.一律小寫
2.儘量用英文
3.不加中槓和下劃線
4.儘量不縮寫，除非一看就明白的單詞
css+div,div網站命名,div網站製作命名,css常用命名
整理了一些常用的網站div+css網站製作常用轉載 地址：http://t.zoukankan.com/HughTan-p-1715986.html
(一)命名
(1)頁面結構
容器: container
頁頭：header
內容：content/container
頁面主體：main
頁尾：footer
導航：nav
欄目：col
頁面外圍控制整體佈局寬度：wrapper
側欄：sidebar
左右中：left right center
主導航：mainNav
子導航：subNav
頂導航：topNav
邊導航：sidebar
左導航：leftSidebar
右導航：rightSidebar
選單：menu
子選單：subMenu
標題: title
摘要: summary
子導航：subNav
(2)功能
標誌：logo
廣告：banner
登陸：login
登入條：loginBar
註冊：regsiter
搜尋：search
功能區：shop
標題：title
加入：joinus
狀態：status
按鈕：btn
滾動：scroll
提示資訊：msg
文章列表：list
標籤頁：tab
當前的: current
小技巧：tips
圖示: icon
註釋：note
指南：guild
服務：service
熱點：hot
新聞：news
下載：download
投票：vote
合作伙伴：partner
友情連結：link
版權：copyright
(二)class的命名
(1)標題欄樣式,使用"類別+功能"的方式命名
.barNews { }
.barProduct { }
(2)模組結構css定義
模組標題 .module
模組標題 .moduleHead
模組包裝 .moduleWrap
模組內容 .moduleContent
(三)css的命名
主要的 master.css
補丁 mend.css
列印 print.css
模組 module.css
基本共用 base.css
佈局，版面 layout.css
主題themes.css
專欄 columns.css
文字 font.css
表單 forms.css
(四)註釋的寫法:
/* Footer */
內容區
/* End Footer */
(五)注意事項:
1.一律小寫
2.儘量用英文
3.不加中槓和下劃線
4.儘量不縮寫，除非一看就明白的單詞