html - CSS 中的规范化究竟做了什么？

Question

我在 JSFiddle 上尝试使用 HTML 中的无序列表编写一些代码，当我发现 <ul> 中的元素符号时，我被激怒了。不会无缘无故显示。在我的代码上尝试不同的东西时，我终于意识到我需要取消选中 jsfiddle 页面上的“规范化 css”选项。

在那之后我用谷歌搜索了它到底是什么并阅读了this来自 W3C.org 的页面。这个页面只讨论变音符号和重音符号，我明白了。但是为什么元素符号显示时没有选中标准化的 css 选项？如果您选择该选项，还会影响哪些其他事情？

感谢您的关注。

Answer 1

规范化 css 试图在呈现 html 元素时消除浏览器之间的差异。许多浏览器都有“预设置”:p 和 h - 元素有垂直边距，列表也有一些边距和填充。 em 和 strong 标签有粗体字重。

所有这些预设都已重置，因此您在所有浏览器中都有一个一致的工作基础。

JSFiddles normalize.css 看起来像这样:

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;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,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;}

标准化 css 的意义值得商榷，因为您必须在样式表中手动重新声明每个样式(即使是那些有意义的预设，例如 em 上的简单 font-weight 和 strong 标签被浏览器同等对待)。

我用了Eric Meyer's reset一段时间，但停止使用它，因为它重置了太多需要再次重新声明的样式。在我看来，这不值得。

要获得真正好的style-normalizer，请查看来自http://html5boilerplate.com/ 的style.css。 .