泰仔在線

CSS書寫順序
/*顯示屬性*/
display
position
float
clear
cursor
/*盒模型*/
margin
cd
padding
width
height
/*排版*/
vertical-align
white-space
text-decoration
text-align
/*文字*/
color  
font
content
/*邊框背景 為什么要把 boder和background放在最后的原因是修改的頻率會較之前的頻繁，放在最后查看起來方便，哈哈。*/
border
background

CSS命名規(guī)則：
一．文件命名規(guī)范
全局樣式：global.css；
框架布局：layout.css；
字體樣式：font.css；
　鏈接樣式：link.css；
　打印樣式：print.css；
主要的 master.css
專欄 columns.css
主題 themes.css
主要的 master.css
模塊 module.css
基本共用 base.css
表單 forms.css
補丁 mend.css
　二．頁面結(jié)構(gòu)
容 器: container
頁 頭：header
內(nèi) 容：content
頁面主體：main
頁 尾：footer
欄目：column
頁面外圍控制整體布局寬度：wrapper
左右中：left right center
　三．導(dǎo)航
導(dǎo)航：nav
主導(dǎo)航：mainbav
子導(dǎo)航：subnav
頂導(dǎo)航：topnav
邊導(dǎo)航：sidebar
左導(dǎo)航：leftsidebar
右導(dǎo)航：rightsidebar
菜單：menu
子菜單：submenu
摘要: summary
四．功能 cb
標志：logo
廣告：banner
登陸：login
登錄條：loginbar
注冊：regsiter
搜索：search
功能區(qū)：shop
標題：title
加入：joinus
狀態(tài)：status
按鈕：btn
滾動：scroll
標簽頁：tab
文章列表：list
提示信息：msg
當(dāng)前的: current
小技巧：tips
圖標: icon
注釋：note
指南：guild
服務(wù)：service
熱點：hot
新聞：news
下載：download
投票：vote
合作伙伴：partner
友情鏈接：link
版權(quán)：copyright

Container div	#container	容器
Layout	#layout	布局
Header or banner div	#head, #header	頁頭部分
Footer div	#foot, #footer	頁腳部分
Navigation list	#nav	主導(dǎo)航
Sub-navigation list	#subNav	二級導(dǎo)航
Menu	#menu	菜單
Sub Menu	#submenu	子菜單
Left or right side columns	#sidebar_a, #sidebar_b	左邊欄或右邊欄
Main div	#main	頁面主體
Tag	#tag	標簽
Message	#msg #message	提示信息
Tips	#tips	小技巧
Vote	#vote	投票
Friend Link	#friendlink	友情連接
Title	#title	標題
Summary	#summary	摘要
Search input	#searchInput	搜索輸入框
Search output	#search_output	搜索輸出和搜索結(jié)果相似
Search	#search	搜索
Search bar	#searchBar	搜索條
Search results	#search_results	搜索結(jié)果
Copyright information	#copyright	版權(quán)信息
brand	#branding	商標
branding-logo	#logo	LOGO
Site information	#siteinfo	網(wǎng)站信息
Copyright information etc.	#siteinfoLegal	法律聲明
Designer or other credits	#siteinfoCredits	信譽
Join us	#joinus	加入我們
Partnership opportunities	#partner	合作伙伴
Services	#service	服務(wù)
Regsiter	#regsiter	注冊
Arrow	arr/arrow	箭頭
Little	#little	標題
Website map	#sitemap	網(wǎng)站地圖
List	#list	列表
Home page	#homepage	首頁
Sub page	subpage	二級頁面子頁面
Toolbar	#tool, #toolbar	工具條
Next pulls	#drop	下拉
Next pulls menu	#dorpmenu	下拉菜單
Status	#status	狀態(tài)
Container div	#container	容器
Header or banner div	#header	頁頭部分
Main or global navigation div	#mainNav	主導(dǎo)航
Menu	#menu	菜單
Sub Menu	#submenu	子菜單
Left or right side columns	#sidebarA, #sidebarB	左邊欄或右邊欄
Main div	#main	頁面主體
Content div	#content	內(nèi)容部分
The main content area	#contentMain	主要內(nèi)容區(qū)域
Footer div	#footer	頁腳部分
Tag	#tag	標簽
Message	#msg #message	提示信息
Tips	#tips	小技巧
Vote	#vote	投票
Friend Link	#friendlink	友情連接
Title	#title	標題
Summary	#summary	摘要
Sub-navigation list	#subNav	二級導(dǎo)航
Search input	#searchInput	搜索輸入框
Search output	#searchOutput	搜索輸出和搜索結(jié)果相似
Search	#search	搜索
Search results	#searchResults	搜索結(jié)果
Copyright information	#copyright	版權(quán)信息
brand	#branding	商標
branding-logo	#brandingLogo	LOGO
Site information	#siteinfo	網(wǎng)站信息
Copyright information etc.	#siteinfoLegal	法律聲明
Designer or other credits	#siteinfoCredits	信譽
Join us	#joinus	加入我們
Partnership opportunities	#partner	合作伙伴
Services	#service	服務(wù)
Regsiter	#regsiter	注冊
Status	#status	狀態(tài)
Products	.products	產(chǎn)品
Products prices	.productsPrices	產(chǎn)品價格
Products description	.productsDescription	產(chǎn)品描述
Products review	.productsReview	產(chǎn)品評論
Editor's review	.editorReview	編輯評論
New release	.newsRelease	最新產(chǎn)品
Publisher	.publisher	生產(chǎn)商
Screen shot	.screenshot	縮略圖
FAQ	.faqs	常見問題
Keyword	.keyword	關(guān)鍵詞
Blog	.blog	博客
Forum	.forum	論壇