在不同页面上使用不同的CSS字体大小

Question

CSS不是我的强项所以这可能是一件简单的事情。我使用0.8em在样式表中设置了页脚字体大小，但在不同页面上它的大小不同。我只是在编辑别人的工作而且他没有关闭标签做得很差，所以有点痛苦。

有没有办法清除所有字体设置，以便所有页面的页脚都相同？或者这是一个可以通过其他方式解决的问题吗？

欢呼任何帮助。

Answer 1

我注意到没有人谈到em如何作为字体大小单位工作，所以我会尝试为你清楚。

有两种方法可以告诉浏览器应该渲染多大的字体。

1. 设置绝对尺寸
   对于绝对大小，例如px或pt，您可以告诉浏览器您希望文本的大小。如果你写12px，那么它的高度恰好为12像素。
2. 设置相对尺寸 - em是相对尺寸。
   对于相对尺寸，例如 em ，您告诉浏览器相对于页面上的其他文字制作文本有多大。这有点像百分比，因此，如果您的页脚文字的大小为 0.8em ，则会将其呈现为页面上主要文字的80％。

这解释了为什么您在不同页面上获得不同的尺寸。如果正文的字体大小是在一个页面上显式设置的，但在另一个页面上没有设置（或明确设置为不同的大小），这将使您的em大小的字体呈现不同的大小。

这也是使用<font>标签非常糟糕的原因。挖掘这些标签并弄清楚可能会丢失em的明确尺寸是一件非常痛苦的事。 使用CSS设置字体大小时，这不仅是一个易于查找的信息，而且还是一个易于修改的属性。

Answer 2

正如David Thomas所说，<font>的使用已被弃用。如果您有一个软件工具来进行全局编辑，您可以尝试删除所有<font>标签，然后将类添加回实际需要不同字体的HTML并将字体信息添加到CSS中。
另一个选择是一次通过一个，我认为这是耗时的。完成后，至少你会有更清晰的HTML。

在弱防御中，之前的设计师可能使用了为他/她创建HTML的WYSIWYG网页设计工具，但没有看到生成的代码。

Answer 3

尝试使用px或pt单位而不是em的确切尺寸。
百分比和em的大小可能会被意外的继承级别搞砸，但不会px或pt。

Answer 4

我的解决方案基本上是使用内联样式来纠正任何问题。使用px而不是em是一种选择，但我们倾向于保持可访问性而不是使用内联样式的最佳实践（无论如何，任何最佳实践都在窗外）。