CSS的传承 - quiz12

会是怎样的文字大小“宇宙”与下面的声明

<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. 6px
  3. 身体指定的字体大小
  4. 变化从浏览器到浏览器

我在测验中遇到这个问题。 方案4,引诱我在这里张贴了这个问题。

--------------解决方案-------------

的12 * 0.5 100%为6。

答案是6px

A必须阅读在这方面

虽然百分比和EMS,可以说是对字体大小的最佳方法,主要有两个问题需要解决:

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

跨浏览器的一致性

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

身体{字体大小:80%; }

大多数浏览器将呈现此作为80%的元素的默认字体的行为。 一个标准的H1将呈现200%的默认字体大小,所以用上述应用到页面的规则,一个H1将成为默认的字体大小160%(200%×80%= 160%)。

苹果/ Opera6将不能跨内容一致地应用此规则。 表中的文本停留在默认大小。 苹果/ Netscape4和Win / Netscape4将适用此规则的标题和文本段落标记内 - 让页面上的80%大小的所有内容。 传承及其对嵌套项目的影响

相对字体大小也运行到问题,继承和其对嵌套项目的影响。 例如,类似下面的规则可能会导致继承问题:

磷,UL {字体大小:85%; }

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

在一个段落或无序列表中的所有内容将被调整为80%,用户的默认浏览器的大小。 当有一个嵌套的无序列表时,会出现问题。 嵌套列表项将继承相对字体大小,并再次应用它,使得嵌套列表项目72.25%的规模(85%×85%= 72.25%)。

这是很容易固定,另一个规则,将带给所有的嵌套列表项回到85%字体大小:

UL UL {字体大小:100%; }

这里更多

相对字体大小和继承

分类:CSS 时间:2015-03-15 人气:6
本文关键词: CSS
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.233 (s). 11 q(s)