css - 在body标签中设置字体样式,不适用于表格

标签 css fonts

如何在 css 中设置整个页面的字体样式?我将它们设置为 body {...} 但它不会将其应用于我页面中的表格。

最佳答案

Quirks Mode在某些浏览器和非常的浏览器中,表不会继承规范应继承的某些属性。所以看起来您的页面是在 Quirks 模式下处理的。通过添加 <!doctype html> 来更改此设置一开始很容易,但它也可能导致几乎任何其他问题。

处理此问题的最简单方法是在表格上设置字体属性,例如

body, table { font-family: Helvetica, Arial, sans-serif; }
body { font-size: 85%; }
table { font-size: 100%; }

要在所有元素上设置整个页面的字体样式,请使用通用选择器 * ,例如

* { font-family: Helvetica, Arial, sans-serif; font-size: 100%; }

(某些元素,如 inputpre ,根据浏览器默认设置有自己的默认字体设置,因此继承不适用于它们。)

关于css - 在body标签中设置字体样式,不适用于表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11770140/

相关文章:

css - @font-face 被 IE7 忽略

visual-studio - 是真的吗,visual studio 不能处理它之后安装的字体吗?

firefox - Firefox 中除了 serif 和 sans-serif 之外还有 SVG 字体吗?

jquery - 与页面分开的 Canvas 外滚动

javascript - 使用 Symfony 2 从 js 调用 css

asp.net - CSS 相对大小的页眉/页脚

javascript - Reactjs 中 CSS className 的类与样式

html - CSS 嵌套无法按照我想要的方式工作!

c - 如何使用两种不同的字体在 GTK 标签上显示文本?

c++ - Symbian C++ - 在您的应用程序中使用 TTF 字体?