- 注意清楚 HTML 的文档类型。
- margin 和 padding 2个属性在浏览器里的解析可谓是千奇百怪,那怎么办,我们使用还原法,就是在一开始就将所有标签的 这2个属性的值设置为0。
- margin 和 padding 综合属性后面的解释:4个参数为“ 上-右-下-左”,3个参数为 “上-左右-下”,2个为 “上下-左右”。
- 有的浏览器设置 padding 后, 盒子的 height 和 width 会增加,而有些不会增加,在这儿我们不应该去想哪些增加哪些不增加,最好的解决方法应该是在外面设置一个固定的盒子,而在内部新建一个子盒子设置padding属性。
- !important 属性,以前所IE不支持,事实上很有争议,不建议使用。
- cursor: pointer 可以同时在 IE Firefox 中显示游标手指状, hand 仅 IE 可以。
- display: block,将元素撑开成盒子状。最基本的额,a 标签可以设置宽度,但是高度上无效的,但是加上这个属性就有效了。
- lists-tyle 属性浏览器表现不兼容,兼容做法为 设置 list-style:none; 将list style image 做成图片,设置在 <li> 的背景里。
- 半透明滤镜可以用,在 IE 里的用法是 filter:alpha(opacity=70);(70%透明),其他浏览器为 opacity: 0.7;。
- 清除浮动 <div style=”clear:both;”></div>,当父层不能撑开时候,在最后加入这段代码。
- ie6 里有时候会出现边框断裂,在断裂的层里加入 zoom:1;属性。