html5重置css提示 - 有和没有通用选择器

时间:2014-09-26 22:14:09

标签: css html5

任何人都可能使用某些html(5)reset.css,例如:http://html5doctor.com/html-5-reset-stylesheet/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
...

但我改为:

* {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

优点:

  • 看起来更简单
  • 重量减去

有人能告诉我我的解决方案是否有任何问题(任何浏览器的事情,我都不知道)?

或者在这种情况下列出几乎所有标签名称的优点是什么?

1 个答案:

答案 0 :(得分:4)

我有同样的问题,所以我搜索了一下并找到了这篇文章:

http://www.cssreset.com/what-is-a-css-reset/

哪些状态"如果您的CSS重置没有仔细编写,您可能会发现您的CSS规则本身被应该是其基线的代码覆盖!这在使用通用选择器重置时通常是一个问题,但如果使用编写良好的代码(如HTML5 Doctor CSS重置),则通常不会出现问题。"

希望这有帮助!