Question

我是一个新鲜的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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: arial,sans-serif;
}

为什么我们需要这样做？

Answer 1

重置所有设置，不同浏览器可能会有所不同

示例：http://meyerweb.com/eric/tools/css/reset/

Answer 2

正如ExP已经解释过的那样你不应该使用它，但是css重置可能非常有用，因为有些浏览器会显示彼此不同的某些元素（就像jancha所说）。

但我更喜欢normalize.css - 它不会改变元素的整体行为，但会尽可能地将它们统一起来。

在加载自己的css文件之前加载normalize.css就好了！：）

http://necolas.github.io/normalize.css/

Answer 3

实际上，您可能不想要将其添加到每个页面。

它使所有元素的字体大小和边距看起来相同。标题看起来与段落完全没有任何空格......

为什么我们需要在每个页面添加关注css？

3 个答案: