泰仔在線

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命名規則：
一．文件命名規范
全局樣式：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
　二．頁面結構
容 器: container
頁 頭：header
內 容：content
頁面主體：main
頁 尾：footer
欄目：column
頁面外圍控制整體布局寬度：wrapper
左右中：left right center
　三．導航
導航：nav
主導航：mainbav
子導航：subnav
頂導航：topnav
邊導航：sidebar
左導航：leftsidebar
右導航：rightsidebar
菜單：menu
子菜單：submenu
摘要: summary
四．功能 cb
標志：logo
廣告：banner
登陸：login
登錄條：loginbar
注冊：regsiter
搜索：search
功能區：shop
標題：title
加入：joinus
狀態：status
按鈕：btn
滾動：scroll
標簽頁：tab
文章列表：list
提示信息：msg
當前的: current
小技巧：tips
圖標: icon
注釋：note
指南：guild
服務：service
熱點：hot
新聞：news
下載：download
投票：vote
合作伙伴：partner
友情鏈接：link
版權：copyright

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