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

Question

你好，我是一个CSS的新手，想请教一下如何设置整个网页的字体大小?

我看过的教程都只是演示如何为每个单独的部分设置字体大小。而我希望整个网页都使用相同的字体大小，所以不想为每个新段落、表格行、单元格等编写代码。

我已经使用了一个简单的代码来更改整个页面的字体系列（如下），因此我认为应该有类似的简单代码来设置字体大小。

```CSS body { font-family: Arial, sans-serif; } ```

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

感谢您！

- rogue_otter

Answer 1

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

* { 
  font-size: 1rem;
}

请记住，通配符选择器*具有最低的特殊性；在其他地方声明的任何字体大小都会覆盖此声明。

- Obsidian Age

---

谢谢您的快速回复！看起来这似乎解决了问题！ - rogue_otter

这将重置像h1...h5这样的标签的默认字体大小。 - symlink

@rogue_otter请注意，这将覆盖所有元素的默认“字体大小”，例如<h1>到<h5>标签。 - symlink

@symlink 你说得对。我的标题也改变了。我确实希望有一个适用于整个页面的解决方案，除非我特别指定某个部分具有自己的大小。谢谢！ - rogue_otter

Answer 2

在body标签中设置您的字体族和大小，除了一些例外，页面中的所有元素都将继承该大小：

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

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

p{
   font-size: 1.5em;
}

1个 em 等于元素父元素的字体大小，因此在这种情况下，p 标签的大小是 div 标签大小的一倍半。由于 div 标签的大小为12px（从body继承），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>

- symlink

Answer 3

你好，欢迎来到Stack Overflow。您可以使用HTML标签来实现此操作。有些人可能不同意这个位置，但我喜欢将其放在元素的根目录上。当您深入了解时，您将开始更多地使用REM和EM单位，这对我来说似乎更有意义。但实际上，您可以将其放在星号、body或HTML上。每个都使用相同的CSS：

font-size: XXpx;。

HTML {
  font-size: XXpx;
}

body {
  font-size: XXpx;
}

* {
  font-size: XXpx;
}

这里有一个不错的链接，可能涉及一些更高级的话题，但有一些很好的讨论。

祝你在开发之旅中好运！

- Jeremy

---

通配符选择器会覆盖h1...h5标签，而不是body或html。 - symlink

是的，没错。这就是为什么我特别推荐使用 HTML 标签，但我不确定 OP 是否想要一个更大范围的通配符字体大小。 - Jeremy

Answer 4

<style>
  *{
  font-family: Verdana;
  font-size: 24px; /* change size to what you need for you page */
  }
</style>

- Rakesh Jain