Css 如何为html网页上的所有元素指定字体属性？

当我设置字体系列、字体大小、颜色等时，似乎有些嵌套元素会用难看的浏览器默认值覆盖这些元素

我真的必须为我的页面上的任何类型的元素多次指定它们吗，或者有没有一种方法可以一次性地全局设置它们

---

如何做到这一点？

如果您为

body

元素指定CSS属性，它应该应用于

中的任何内容，只要您以后不在样式表中覆盖它们。

您可以在body标记中设置它们

body
{
    font-size:xxx;
    font-family:yyyy;
}

---

如果您使用IE，它很可能会还原为某些元素（如表）的浏览器默认值。您可以使用类似于以下CSS的内容来解决这一问题：

html, body, form, fieldset, table, tr, td, img {
    margin: 0;
    padding: 0;
    font: 100%/150% calibri,helvetica,sans-serif;
}

input, button, select, textarea, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/* rest of your styles; like: */
body {
    font-size: 0.875em;
}

编辑：你可能想阅读CSS重置；像这样看

---

星号表示所有元素。

我再怎么强调这个建议也不为过：使用重置样式表，然后明确设置所有元素。它将把跨浏览器CSS开发时间缩短一半

---

试试Eric Meyer的

如果您想设置body中所有元素的样式，您应该使用下一个代码^

  body{
    color: green;
    }

---

您当前如何设置字体系列、大小…？此答案应位于中，但我在中找不到。此方法有效，但不是最佳解决方案。当浏览器看到“*”时，它会在页面中的所有HTML元素上循环，并对它们应用CSS。即使对于规则没有任何意义的元素也是如此。根据HTML的大小，这可能会减慢页面呈现速度。同意，但它会将CSS应用于所有元素，正如BugAlert要求的那样。如果想要影响所有要素，可以预期性能会有所降低。：）你也可以添加！在每一个样式声明的结尾，重要的是要对其他样式声明的安全性超过这一个。我知道已经5年了，但我很惊讶直到现在还没有人注意到：你永远不应该在“字体系列”中只指定Windows字体（当然，除非是webfont）-Arial、helvetica和sans serif更兼容。

html{font-family:Arial，helvetica，sans-serif；font-size:100%；}body{font-size:1em；font-family:inherit；}

font的inherit，如果确实要避免重写，请使用：

*，：before，：after{font-family:inherit；}

如果必须使用通用选择器，请改用继承。这是不准确的，因为大多数浏览器不会将此字体应用于某些元素（这些元素不会继承字体样式）@travis-146什么浏览器？哪些元素？您知道所有浏览器都必须遵循一个规范。@Bamieh一个特定的示例（事实上，这让我来到了这里）在Chrome 72上，它不会将字体应用于按钮或选择菜单中的文本。为了使用这个reset.css，我是将样式表链接到我的页面中，还是必须对其进行调整？我基本上需要在所有主要浏览器中使用相同的字体系列和大小。reset.css默认情况下帮我这么做吗？我倾向于在e我的样式表的开头（而不是单独链接）保存了一个HTTP请求。它将帮助您设置跨浏览器的一致样式，因为它将所有内容归零：唯一的样式将是您编写的样式。谢谢！我确实尝试过，它解决了我的大部分问题。但是，我仍然可以看到Chrome和Fire之间字体大小的差异fox尽管我的样式表的规格相同。对此有什么想法吗？还有，这是一个好的做法吗？

  body{
    color: green;
    }