如何使用CSS设置整个HTML网页的字体大小？

Question

您好，我是CSS的新手，我想知道是否有人可以建议我如何设置整个网页的字体大小？

我一直在看的教程只是向我展示了如何为每个单独的部分设置字体大小。我为99％的页面使用了相同的字体大小，因此我不想对每个新段落，表行，单元格等进行编码。

我已经在使用简单的代码来更改整个页面的字体系列（请参见下文），所以我假设有一个简单的代码可以实现同样的大小。

    <style>
    *{font-family: Verdana;}
    </style>

谢谢！

Answer 1

在body标签中设置字体系列和大小，除少数例外，页面中的所有元素都将继承该大小：

body{
   font-family: Verdana, sans-serif;
   font-size: 12px
}

可选，您可以将任何元素设置为em字体大小：

p{
   font-size: 1.5em;
}

1 em等于元素父级的字体大小，因此，在这种情况下，p标签是div标签大小的一倍半。由于div标签为12px（从正文继承），因此p标签为18px：

body{
   font-family: Verdana, sans-serif;
   font-size: 12px
}

p{
   font-size: 1.5em;
}

<div>
   <p>I'm in a p tag, my font size is 18px</p>
</div>

Answer 2

您可以在同一通配符选择器中使用font-size：

font-size

请记住，通配符选择器

* { 
  font-size: 1rem;
}

携带最少的*；在其他地方声明的任何字体大小都将覆盖此声明。

Answer 3

您好，欢迎来到Stack Overflow。您可以使用HTML标记执行此操作。有些人可能不同意这个位置，但是我喜欢在这里，因为它位于元素的根部。当您更深入时，您将开始可能会更多地使用REM和EM单位，这对我来说似乎更有意义。但实际上，您可以将其放在星号，正文或HTML上。这些都使用相同的CSS：

specificity。

font-size: XXpx;

[

HTML {
  font-size: XXpx;
}

body {
  font-size: XXpx;
}

* {
  font-size: XXpx;
}

可能有一些更高级的主题，但有一些不错的讨论]

在您的开发旅程中祝您好运！

Answer 4

Here's a good link