关于*{margin:0; 填充:0;}

hh5*_*188 4 css margin css-reset padding

在我读过的一些文章中,* {margin:0; padding:0;}不鼓励使用它,因为它会影响网站的性能.所以我转向了reset.css样式表.

但我想知道,它如何影响性能?

mel*_*iny 7

这个 Eric Meyer帖子讨论了背后的原因.

这就是为什么很多人通过通用选择器将所有填充和边距归零的原因.这是一个好的开始,但不幸的是,它意味着所有元素都将填充和边距归零,包括像textareas和文本输入这样的表单元素.在某些浏览器中,这些样式将被忽略.在其他方面,没有明显的效果.还有一些人可能会改变他们的输入.不幸的是,没有办法知道,这是一个在未来几年内事情可能会发生很大变化的领域.

这就是为什么我不想使用通用选择器,而是明确列出要重置的元素.通过这种方式,我不必担心重复表单元素.(我真的应该写一下表单元素中固有的怪异,但那是另一天.)

也就是说,这个 Steve Souders帖子的下图显示了使用通用选择器的测试页面与使用后代选择器的页面的加载时间的差异.

在此输入图像描述