代码之家  ›  专栏  ›  技术社区  ›  Rudiger

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

  •  2
  • Rudiger  · 技术社区  · 14 年前

    CSS不是我的强项,所以这可能很简单。我已经用0.8em在样式表中设置了页脚字体大小,但在不同的页面上,它的大小不同。我只是在编辑别人的作品,他没把标签合上做得很差,所以有点痛苦。

    是否有清除所有字体设置的方法,以便所有页面的页脚相同?或者这是一个可以用其他方法解决的问题?

    为任何帮助干杯。

    4 回复  |  直到 11 年前
        1
  •  11
  •   Dan M    11 年前

    我注意到没有人提到 em 作为字体大小单位工作,因此我将尝试为您清除。

    有两种方法可以告诉浏览器应呈现的字体大小。

    1. 设置一个 绝对的 大小
      为了 绝对的 尺寸,像 px pt 你告诉浏览器你想要的文本大小。如果你写 12px 它的高度将精确到12像素。
    2. 设置一个 相对的 规格尺寸 相对长度单位 是一个 相对的 尺寸。
      为了 相对的 尺寸,像 相对长度单位 ,您告诉浏览器相对于页面上的其他文本,文本的大小。它的工作方式类似于百分比,因此如果页脚文本的大小为 0.8em ,它将呈现为页面上主文本的80%高。

    这就解释了为什么不同页面上的尺寸不同。如果正文的字体大小是在一页上显式设置的,但在另一页上完全不设置(或显式设置为其他大小),则将使 相对长度单位 -大小不同的字体呈现不同的大小。

    这也是为什么使用它很糟糕的原因 <font> 标签。仔细研究这些标签,弄清楚设置了哪些明确的大小,可能会使您的 相对长度单位 S.
    当您使用CSS设置字体大小时,这不仅是一个易于查找的信息,而且是一个易于修改的属性。

        2
  •  1
  •   Sk8erPeter miku    11 年前

    正如大卫托马斯所说,使用 <font> 被贬低。如果您有一个软件工具来进行全局编辑,您可以尝试删除所有 <字体& gt; 标记,然后将类添加回实际需要不同字体的HTML,并将字体信息添加到CSS中。
    另一种选择是一次通过一个,我认为这很费时。至少你完成后会有更干净的HTML。

    在一个薄弱的防御中,以前的设计师可能使用了WYSIWYG Web设计工具,该工具为他/她创建了HTML,但没有看到结果代码。

        3
  •  1
  •   Sk8erPeter miku    11 年前

    尝试使用与 px pt 单位而不是 em .
    大小百分比和 相对长度单位 可能会被意想不到的继承级别搞砸,但不会 二甲苯 .

        4
  •  0
  •   Rudiger    14 年前

    我的解决方案基本上是做内联样式来纠正任何问题。使用px而不是em是一个选项,但是我们更喜欢保持可访问性,而不是使用内联样式的最佳实践(无论如何,任何最佳实践都是不存在的)。