css reset的原因:
大多数说的是因为兼容性,但是所谓兼容性,我想,大多数人都是听别人说的,不同浏览器下标签的一些属性有差异啊!我倒要问一问,哪些标签的默认属性在不同浏览器下有差异?您可以花点时间想想。
我所知道的就是h1标签的文字的大小,在有些浏览器下大些,有些小些;然后就是一些margin值的些许偏差,然后还有呢?事实上,目前浏览器而言,对于这些默认标签的属性其实差异是很少很小的,兼容性一说实在不能用在标签的默认属性上。
所以一般是尽量少用css reset会增加浏览器的渲染次数,这里说一下reset的方法:
1.
*{
margin:0;
padding:0;
}
这种方法应该杜绝的。
2.
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0;padding: 0; }
这种方法是普遍用的,但是仔细看看会有许多不合理的地方例如:div有margin和padding吗???
3.
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;} ol,ul{margin:0; padding:0;}
认为这应该是最有效的。