1、z-index=数字
z轴的值,当几个div重叠时,z-index数字越大的,越在上面
2、overflow:hidden(超过部分隐藏)/auto(内容超过边框时出现滚动条)/scroll(一直有滚动条)
3、浏览器兼容性问题:
(1)兼容性问题:不同的浏览器基于不同的内核,对一些前端代码支持不一样,导致显示效果不一样
(2)测试的各大浏览器:IE7-IE11(可使用IETester,不考虑IE6)、Opera、Safari、Chrome、Firefox
(3)关于兼容性非常好的介绍文章:http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html
4、上下块级元素margin重合:以较大值为准,相当于两者重叠了(左右不受影响)
5、上下块级元素和行内元素margin重合:可在行内元素display设置为block。 { display:block; }
6、超链接样式:
a:link 平时的链接样式
a:visited 已访问过的链接样式
a:hover 鼠标放上去时的样式
a:active 鼠标点击时的样式
必须按照以上顺序放(lvha)才会有正常的效果
7、块级元素不靠边:*{ marin:0px; padding:0px}
8、ul在不同浏览器靠边问题:在IE中,ul的默认边距是margin,在Firefox中,ul的默认边距是padding,所以设置时margin和padding都设为0px
9、行内元素的上下margin撑不开自己所在的块级元素的高度:需在行内元素上下各加一个<div style="height:0px;overflow:hidden"></div>辅助撑开