CSS reset，你随大流了么？

来源：互联网发布：linux 网络测速工具编辑：程序博客网时间：2024/04/29 06:06

关于默认margin & padding

Ò说到重置，大家第一想到的肯定是margin:0;padding:0;

Ò正确示例

body, dl, dd, h1, h2,h3, h4, h5, h6, p, form{margin:0;}

ul,ol{margin:0;padding:0;}

此处可以根据需要继续缩减，在具体使用时处理也可以。

Ò反面教材：

*{padding:0;margin:0;}

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; }

哪些元素有默认的padding margin

Ò加padding:0;margin:0;的目的就是使各浏览器表现一致；

Ò实际上，我们入门时就被带沟里啦。

div dtli等都没有默认的paddingmargin何必多此一举，既增加了文件大小又无缘无故增加了无用的渲染。不是注重性能的时代所应有的。

Ò对于*这个通配符更是不可取的。

参考

http://www.zhangxinxu.com/wordpress/2010/04/css-reset%E7%9A%84%E9%87%8D%E6%96%B0%E5%AE%A1%E8%A7%86-%E9%81%BF%E5%85%8D%E6%A0%B7%E5%BC%8F%E9%87%8D%E7%BD%AE/

http://www.jb51.net/web/78118.html

0 0