请给我解释一下Eric Meyer的CSS重置
首先，我想告诉你我为什么要问这个问题。我通常会更新那些写得很差并且没有重置的项目。我想提高项目的质量，所以似乎应用CSS重置是绝对必要的。
我不想在每次更改时都在每个浏览器中做一项艰苦的像素完美测试，我也不想完全重写所有的CSS。
所以：
当我写的时候：
*{
margin:0;
padding:0;
border:0;
}我知道这会带来什么麻烦：<p>会丢失填充，<input>, <select>, etc.会丢失填充和边框。因此，我必须手动指定它们。
下面的代码更难理解：
*{
font-size: 100%;
font: inherit;
vertical-align: baseline;
}我完全搞不懂这个：
body {
line-height: 1;
}回答 2
Stack Overflow用户
发布于 2011-10-25 03:41:08
*{
font-size: 100%;
font: inherit;
vertical-align: baseline;
}这会将文档中的所有元素默认设置为继承父元素的font和font-size，除非另有指定，否则这可以防止用户代理样式表应用具有较少特定规则的字体样式。
vertical-align: baseline;是另一个广泛使用的规则，用于避免用户-代理规则，该规则并不总是将这种(我相信)预期的默认行为应用于所有元素。
下面简要介绍一下它的作用：demo。在演示中，尝试将规则设置为middle而不是text-top。
body {
line-height: 1;
}这是相同的。如果您不熟悉行高，那么它非常简单。您可能在没有意识到的情况下处理过它:有时它看起来是一个边际问题，而实际上，一个元素的行高超出了您的预期。当你将一种字体放入一个与其他字体高度非常不同的设计中时，经常会发生这种情况。
如果你不理解它的功能，可以在文档中加入一些虚拟文本，然后开始使用它。它对于在不同情况下生成良好的排版非常有用(必要)。
看起来你对css属性以及它们如何影响元素不是很清楚。你对此理解得越好，你就能更好地利用重置。没有重置真的适合所有人，原因有几个。例如，您可能没有使用任何vertical-align最终可能不匹配的元素。你可能在一个大的重置中有一些规则，这些规则适用于你甚至没有的元素。
就像网页设计中的任何事情一样，如果你不理解它，实践经验会教会你很多东西。
Stack Overflow用户
发布于 2011-10-25 03:41:19
看看这个表单上简单输入控件的小提琴：
http://jsfiddle.net/KXYHw/
切换重置并查看输入字体和字体大小如何更改。
https://stackoverflow.com/questions/7880840
复制相似问题
腾讯云开发者
