css继承 - 测验12

时间:2009-09-28 03:24:25

标签: css

带有以下声明的文字大小“Universe”

<div style=”font-size:12px;”>World is<div style=”font-size:0.5em;”>VERY small in <div style=”font-size:100%;”>Universe</div></div></div>
  1. 12px的
  2. 6像素
  3. 为BODY指定的字体大小
  4. 从浏览器到浏览器不等
  5. 我在测验中遇到了这个问题。选项4,诱惑我在这里发布这个问题。

3 个答案:

答案 0 :(得分:2)

12 * .5的100%是6。

答案 1 :(得分:0)

答案是6px

答案 2 :(得分:0)

必须在此上下文中阅读

尽管Percentages和Ems可以说是字体大小调整的最佳方法,但仍有两个主要问题需要克服:

  1. 跨浏览器的一致性
  2. 继承及其对嵌套项的影响
  3. 跨浏览器的一致性

    浏览器以不同的方式解释相对字体大小,特别是与继承有关。一个例子是在body标签中设置字体大小:

    body {font-size:80%; }

    大多数浏览器会将此渲染为元素默认字体行为的80%。标准H1将以200%的默认字体大小呈现,因此使用上面应用于页面的规则,H1将变为默认字体大小的160%(200%x 80%= 160%)。

    Mac / Opera6不会在内容中一致地应用此规则。表中的文本保持默认大小。 Mac / Netscape4和Win / Netscape4将此规则应用于标题以及段落标记内的文本 - 使页面上的所有内容都达到80%的大小。 继承及其对嵌套项的影响

    相对字体大小调整也会遇到继承问题及其对嵌套项的影响。例如,像下面这样的规则可能会导致继承问题:

    p,ul {font-size:85%; }

    显示段落和无序嵌套列表问题的示例。

    段落或无序列表中的任何内容都将缩放到用户默认浏览器大小的80%。当存在嵌套的无序列表时会发生此问题。嵌套列表项将继承相对字体大小并再次应用它,使嵌套列表项的大小为72.25%(85%x 85%= 72.25%)。

    使用另一条将所有嵌套列表项恢复为85%字体大小的规则很容易解决这个问题:

    ul ul {font-size:100%; }

    更多信息

    Relative font sizes and inheritance