全局 css Reset * { margin: 0; 的缺点是什么？填充：0； }？

全局 css Reset * { margin: 0; 的缺点是什么？填充：0； }？

人们更喜欢 eric meyer 的 css。

这是埃里克·梅耶尔 CSS

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

是不是有点具体和沉重。我从不使用其余部分中的许多元素，例如块引用和标题。

Update:eric Reset 重置了 58 个元素的 9 个属性。是不是也很慢，就像人们谈论全局重置一样。

使用这个有什么缺点

* { margin: 0; padding: 0; }
select { min-width:1.5em; }

问题在于，有些元素需要边距和/或填充才能正确显示，而人们忘记将它们设置回来。另外，对于许多元素，您将设置自己的样式，覆盖重置，因此重置是多余的；您应该按照您想要的方式设置样式。

我经常看到的一个问题是列表。如果您盲目应用重置，则会出现列表的项目符号outside包含元素的，这总是困扰我：

    +--------------------+
    | Some paragraph,    |
    | with text.         |
    |                    |
   *| One                |
   *| Two                |
   *| Three              |
    +--------------------+
  

也许有些设计师是故意这样做的，但我认为很多时候我看到这种情况，是因为有人盲目地应用了重置，而没有考虑过它会对列表项的缩进产生什么影响。如果你寻找这个，你会发现它随处可见；而且几乎总是，您看到它的网站使用了 CSS 重置。有关如何正确设置列表格式的详细信息，请参阅Mozilla 开发者中心的一致列表缩进 https://developer.mozilla.org/en/Consistent_List_Indentation.

另一个问题是，在进行重置后，有时人们不记得将边距应用回一些模糊的元素。例如，<dl>元素;它的默认样式不是很好，但它至少可以让你区分<dt> and <dd>其中的元素。如果你应用重置，你就会失去它，最终所有的东西都毫无区别地挤在一起。 Stack Overflow 的重置可以做到这一点，例如，<dl>元素几乎没用：

Term

Definition

Term

Definition

Stack Overflow 的重置也缺少任何顶部或底部边距<dl>元素，并且只有底部边距<p>;所以我不得不添加一个额外的<br>为了防止上述情况<dl>从遇到这一段。

如果您确实使用重置，请务必小心确保allHTML 元素确实以合理的方式显示。并删除重置中被您添加的后续规则覆盖的部分；没有真正的理由重置<b> and <i>，然后稍后应用font-weight and font-style给他们，如果您将边距重置为0然后将其设置为2 em，那么为什么不删除重置0?