css - 在正文标签中设置字体样式，不适用于表格

Question

如何在 css 中为整个页面设置字体样式？我设置了它们，body {...}但它不适用于我页面中的表格。

score 2 · Accepted Answer

在某些浏览器的Quirks 模式中，以及在非常旧的浏览器中，表不继承它们应该由规范继承的某些属性。因此，您的页面看起来像是在 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%; }

（某些元素，如input和pre，根据浏览器的默认设置有自己的默认字体设置，因此继承不适用于它们。）

score 1 · Accepted Answer

body {
    font-family: /*what ever */;
}

某些浏览器无法font properties 正确继承到表格单元格中。

所以你可以试试

body, table, td {
    font-family:/*what ever*/;
}

score 0 · Accepted Answer

如果没有专门设置更精确的位置（例如使用另一个元素、类或 ID），它会自动包含表格。

您可以尝试使用重置 css 文件来重置所有标准字体和样式。Html5Boilerplate有一个非常好的，或者你可以尝试更具体：

body, table, td {
    font: san-serif;
}

score 0 · Accepted Answer

尝试

* {font-style:normal;}

虽然我认为您的意思是“字体系列”，因为您只有三种字体样式选择——粗体、斜体和正常，并且拥有一整页的一种样式会很难看......如果那是这种情况下，这里是字体系列的例子：

尝试

* {font-family:verdana;}

或者

正文 {font-family:yourstyle;}

您应该会看到整个页面的变化。

score 0 · Accepted Answer

0

html{font-size:20px;}

你可以试试这个。

于 2012-08-02T02:15:53.530 回答

5 回答 5