1-css通用的格式：
*{ padding:0px; margin: 0px; }
body{ font-size:12px; font-family:"微软雅黑"; }
ul{ list-style-type:none; }/*去掉默认情况下的ul的disc实心圆点,只有字了。*/
a:link{ text-decoration:none; }/*去掉下划线*/
a:hover{ text-decoration:underline;}
2----------z-index
把它看作z轴，几个div中,值大的在上面。
3-----------overflow:hidden auto scroll
--------------------------------------------------------------------------------
hidden是输入的超过部分被隐藏了，不显示。
一直是这样
--------------------------------------------------------------------------------
auto是超过部分会有一个滚动框出现
--------------------------------------------------------------------------------
scroll是滚动框,一直有
---------------------------------------------------------------------------------------
4-------浏览器兼容性问题
（1）兼容性问题：不同的浏览器基于不同的内核，对一些前端代码支持不一样，导致显示效果不一样
（2）测试的各大浏览器：IE7-IE11（可使用IETester,不考虑IE6）、Opera、Safari、Chrome、Firefox
（3）关于兼容性非常好的介绍文章：http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html
5--------------对于相邻的div
上下方向上以最大为准 eg:如果div1的margin-bottom > div2的margin-top,这两个的div的上下方向上的外间距就是div1(div1上div2下)
而左右方向上则以div1+div2相加 eg:div1的margin-right=10px; div2的margin-left=10px; 这两个的div的左右方向上的外间距就是20px(div1左div2右)
6--------------------------对于超链接的lvha爱恨原则
a:link是平时的样式
a:visited是已访问过的样式
a:hover是鼠标放上去的样式
a:active是鼠标点击时的样式
必须按照以上顺序放（lvha）才会有正常的效果
7--------ul在不同浏览器靠边问题：
在IE中，ul的默认边距是margin，
在Firefox中，ul的默认边距是padding，
所以设置时margin和padding都设为0px
8----行内元素的上下margin撑不开自己所在的块级元素的高度：
需在行内元素上下各加一个<div style="height:0px;overflow:hidden"></div>辅助撑开