请详细解释这部分YUI3 CSS Reset答案

【问题标题】：Please explain in detail this part of YUI3 CSS Reset请详细解释这部分YUI3 CSS Reset
【发布时间】：2010-05-22 12:27:34
【问题描述】：

这2个东西在CSS重置中有什么用处？

在 IE 中调整输入元素的大小以及在哪个版本中存在什么问题？

如果在 IE 中没有继承图例颜色，那么如何添加 color:#000; 来解决它

/*to enable resizing for IE*/
input,
textarea,
select {
    *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
    color:#000;
}

【问题讨论】：

【解决方案1】：

第一条规则实际上并不只适用于 IE，而是适用于所有网络浏览器。通常你想在body中定义一个global字体：

body {
    font: 1.1em verdana, arial, sans-serif;
}

但这不会在所有网络浏览器中的表单控件上应用（继承）。然后，该规则也将（仅）应用它们的字体大小。一种方法是在这些元素上将font 设置为inherit：

input, select, textarea {
    font: inherit;
}

但这在 IE6/7 中不起作用。另一种方法是在规则中明确包含元素：

body, input, select, textarea {
    font: 1.1em verdana, arial, sans-serif;
}

只设置了font-size 可能是因为YUI 家伙希望保持表单控制他们自己的浏览器默认字体系列（sans-serif 用于input 和select 是@987654331 @ 代表textarea)。使用100%是因为IE6/7不支持inherit。

至于第二条规则：我不确定他们在这里的意思。我在 IE6/7 中做了一个小测试。 legend 只是从其父元素继承颜色。也许真正的问题出在其他地方？

【讨论】：