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

Rud*_*ger 2 html css font-size

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

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

欢呼任何帮助.

Dan*_*n M 11

我注意到没有人触及如何em作为字体大小单位,所以我会尝试为你清楚.

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

  1. 设置绝对大小
    对于绝对大小,例如pxpt,您将告诉浏览器确切的文本大小.如果你写的话12px,它的确会高出12像素.
  2. 设置相对大小 - em相对大小.
    对于相对大小,例如em,您告诉浏览器相对于页面上的其他文本制作文本有多大.这有点像百分比,所以如果您的页脚文本大小为0.8em,它将呈现与页面上的主文本高80%的高度.

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

这也是使用<font>标签真的很糟糕的原因.挖掘这些标签并找出可能会丢掉你em的标签的明确尺寸将是一个严重的痛苦.
使用CSS设置字体大小时,这不仅是一个易于查找的信息,而且还是一个易于修改的属性.