使用规范的顺序，便于修改、浏览：
[CODE]/*
* Suggested order:
* display
* list-style
* position
* float
* clear
* width
* height
* margin
* padding
* border
* background
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*/[/CODE]
使用区域标题，根据不同的定义区域使用一定的注释
[CODE]/*##############
#### Global ####
##############*/[/CODE]
[B]注：[/B]
1. div/body/li/ol/table/td/tr等对象的默认背景色为[COLOR=blue]透明(transparent)[/COLOR]在border属性中不可以使用(IE6不支持，显示为黑色，IE7/FF支持)。不过当td等对象的属性设置有背景色的时候，必须设定[CODE]background: transparent;[/CODE]才可以使背景透明
2. css中设定的对象属性高于直接对对象设定的属性。
3. 对于不同对象的相同设置可以对这些类对象使用如下语句，解决问题，而无须对每个伪对象进行设定（body对象中设定的font-size不会应用于td/input等字对象）。
[CODE][COLOR=blue]td,
input[/COLOR]{
font-size: 9pt;
}[/code]或（应用于所有对象）
[code][COLOR=blue]*[/COLOR]{
font-family: Segoe UI,Tahoma,微软雅黑,宋体 [COLOR=red]!important[/COLOR];
}[/CODE]
4. 使用简写语句
[code]body{
background-color: #fff;
background-image: url(background.gif);
}[/code]可以写成
[code]body{
background: #fff url(background.gif);
}[/code]
5. font-size 尽量使用[COLOR=blue]pt[/COLOR]作为单位，便于维持各浏览器访问效果的一致。
6. 使用连级对象匹配，通过定义伪对象的父对象类，可以实现更多效果
[code][COLOR=blue]div#wrp_main div.frmact a.sm[/COLOR]:hover{
color: #9FB3C6;
border: #ccc 1px solid;
text-decoration: none;
}
[COLOR=blue]div#wrp_main td.frmact a.sm[/COLOR]:hover{
color: #000;
border: #ccc 1px dotted;
text-decoration: none;
}[/code]
7. 注释
[code]/*注释内容*/[/code]
更多的CSS2说明请参阅：http://www.51windows.net/pages/css2/
辅助使用开发工具栏：http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en | 
