示例做法：写布局 分析相同的元素用的样式
1、ul li a:hover{background-color:#ff0;}时要把高度写到a标签里
2、元素和父标签或兄弟之间有间距时用margin 和父标签无间距有文本缩进时在元素里用padding，不设置width
兼容性问题：浏览器对代码的解析不同，浏览器内核不同。
对某一个CSS属性没有系统的设置。50%的兼容性问题是IE6造成的。基本上不考虑IE6.
1、#d1{margin-bottom:30px} #d2{ margin-top:30px;}所有浏览器都是30 直接写#d1{ margin-bottom:60px;} marging-left、margin-right是兼容的。
2、love hate原则 a:link{当前样式} a:visited{鼠标点击后的样式} a:hover{经过 } a:active{当鼠标点击时}
其它参考：
http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html