基本项定义

1. * { margin:0; padding:0;} /* (*)表示任意未定义的 */
2. img { border: 0;} /* 为img定义border为0,如有新定义的,则继承新定义的样式 */
3. body{ background-color:#fff; font-family: Arial,sans-serif; font-size:12px; color: #333; line-height: 130%; margin: 0px; padding: 0px;}
4. a { color: #666; text-decoration: none;} a:link { color: #666; text-decoration: none;} a:visited { color: #555;} a:hover { color: #333; text-decoration: underline;}
5. 再定义头部#head,,,,#main包含(#left , #right),,,再是#foot,,
6. .clear { clear:both;} /* 清除浮动 */
7. .text_left {text-align:left;}.text_right {text-align:right;}.text_center {text-align:center;} /* 居左,居右,居中,各准备一个 */
8. .input_border {border:1px solid #ccc;font-family:Arial;color:#666;}.input_border {border:1px dotted #ccc;font-family:Arial;color:#666;}/*input的边框*/
9. body,table,thead,tbody,tfoot,caption,tr,td,th {font-family: Arial;color:#666;font-size:12px;} /*不要忘了table*/
10. p,td{line-height:130%;} /*为了阅读时的用户体验*/
11. #list_con ul li /*列表内容样式*/
12. /* 做好分类,如#head .nav .ul .li */
13. /* 所有的链接都在新窗口中打开. */
14. 作为布局样式可以定义:float:left+float:right;
15. 作为数据,建议只定义为:float:left或float:right;
16. 推荐如下样式的css定义格式,长条形的样式不利用读懂

/* The links on the left side */
#fullnav a {
 padding-top: 2px;
 padding-bottom: 2px;
 display: block;
 padding-left: 15px;
 border-bottom: 1px solid #BBBEAB;
 border-top: 1px solid #D2D3C6;
 color: #1E2B31;
 text-decoration: none;
}
#fullnav a:hover {
 background-color: #D1D3C3;
}

17. /* 注意img的align="absmiddle",能让图片+文字的地方同在一水平线 */
18. 微软live spaces用户提醒颜色的设计.之前我都用IE默认的a:hover的配色.