CSS 重置 - 它到底做了什么？

Question

我在 jquery 图像 slider 演示中找到了这个 reset.css 文件，但它从未包含在主 index.html 文件中。应该做什么，更重要的是，你把它放在哪里？您是否将它放在任何引用的样式表() 之前？

这里是reset.css里面的代码

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

Answer 1

一开始，样式的工作方式没有标准化，每个浏览器都按照自己认为正确的方式执行。您在 IE 中看到如此多关于样式错误的问题的原因之一是因为 IE 是与其他浏览器在样式方面差异最大的浏览器。尽管 IE 已经改进，其他浏览器也有所改进，但它们仍然将自己的边框、填充和边距、缩放、字体应用于元素，以赋予页面自己独特的感觉。一个例子是，chrome 为文本框提供了自己的黄色边框。 “重置”实际上将所有这些样式“重置”为零/无，这样您就不会看到任何尚未应用到页面的样式。

如果这些样式没有被“重置”，您将看到不需要的样式/效果和损坏的东西。通常建议“重置”浏览器的样式。

看看这篇文章Should you Reset Your CSS?