2010-09-15 152 views
2

CSS不是我的特长,所以这可能是简单的。我已经使用0.8em在样式表中设置了页脚字体大小,但在不同的页面上,它的大小不同。我只是在编辑别人的工作,而他在没有关闭标签方面做得不好,所以有点痛苦。在不同的页面上使用em的CSS字体大小

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

干杯任何帮助。

+1

你能发布一个链接到网站?如果不在各种页面上看到字体大小的定义,这很难排除故障。 – peterjmag 2010-09-15 00:26:12

+0

它在内部网上很抱歉。以前的网站设计者只使用嵌入的css使用标签,但从未关闭任何一个。每页大约有20-50。 – Rudiger 2010-09-15 00:34:30

+1

如果您使用了''标签,则该页面将尽可能地重新设计。 ''在HTML 4.0过渡时期被弃用,* 4.0严格为*无效*。假设一个主要基于IE的内联网,以及为没有*有效文档类型的IE *开发的困难,我认为这将是值得的时间/成本。但是......我想你需要一个商业案例来证明成本。可怜的家伙。 = /(参考:http://www.w3.org/TR/REC-html40/present/graphics.html#edef-FONT) – 2010-09-15 00:48:11

回答

0

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

+0

我建议使用FireFug for FireFox(Chrome有东西原生的,IE也是比较糟糕的),并检查元素是否适用于继承或不继承的元素。那么很容易通过查看哪些额外规则应用于黑羊元素来计算出不同大小的来源。 – ANeves 2011-01-11 18:38:54

+0

严正,在这种情况下,它看起来并不像是一个愉快的阅读。x_x – ANeves 2011-01-11 18:40:35

1

正如David Thomas所说,不推荐使用<font>。如果您有用于执行全局编辑的软件工具,则可以尝试删除所有<font>标记,然后将类添加回实际需要不同字体的HTML,并将字体信息添加到CSS。
另一种选择是一次通过一个,我认为这很耗时。至少你完成后会有更干净的HTML。

在一个弱势防守中,以前的设计师可能使用了一个所见即所得的网页设计工具来为他/她创建HTML,但没有看到结果代码。

1

请尝试使用与pxpt单位而非em的确切大小。
以百分比表示的尺寸和em可能会被意外的继承级别搞砸,但不是pxpt

+2

尝试把盐放在你的蛋糕而不是糖。糖会导致蛀牙或糖尿病,但不会产生盐。 :( – ANeves 2011-01-11 18:34:33

10

我注意到没有人触及em作为字体大小单位的工作方式,所以我会尽力为您解决这个问题。

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

  1. 设置一个绝对大小
    对于绝对大小,像pxpt,你告诉浏览器你想要的文字是什么尺寸。如果你写12px,它会出现12个像素高。
  2. 设置为相对大小 - em相对大小。
    对于相对大小,如em,你告诉浏览器相对于页面上的其他文本有多大的文本。这有点像百分比,所以如果您的页脚文本的大小设置为0.8em,则它将呈现与页面上主文本一样高的​​80%。

这解释了为什么你在不同的页面上获得不同的尺寸。如果主体的字体大小在一个页面上明确设置,但在另一个页面上根本不设置(或明确设置为不同大小),这将使您的字体大小呈现不同的大小。

这也是为什么使用<font>标签真的很糟糕。在这些标签周围挖掘并找出正在设置的明确尺寸可能会导致您的em s丢掉将是一件非常痛苦的事情。
当你使用CSS设置你的字体大小时,这不仅是一个容易找到的信息,而且是一个容易修改的属性。

+0

这是一个很好的答案 – JoeP 2014-02-12 15:23:49