网上的各种文本声称“pt”是默认的字体大小单位(当没有提供时),但是,我自己的测试似乎证明并非如此。我读过许多关于 W3C 的文档,涵盖 CSS 1-3 的字体大小,但我似乎无法在任何规范中找到对默认单位的实际引用。
我在 Chrome 和 IE9 中对此进行了测试,并得到了完全相同的结果:缺少单位的元素是最小的,px 元素在中间,pt 元素是最大的。我尝试使用 W3C 定义的许多其他单位(例如“mm”、“ex”、“pc”等)来匹配大小,但是none测试元素的大小与目标元素(缺少单位的元素)相匹配。
任何见解将不胜感激。
<div style="font-size: 20;">20 size</div>
<div style="font-size: 20px;">20px size</div>
<div style="font-size: 20pt;">20pt size</div>
Per the “CSS 字体模块级别 3” the font-size
属性可以具有以下值:
值: | | |
<absolute-size>, <relative-size>, and <percentage>在同一规范中定义,并且都是关键字(例如small
, larger
等)或有百分比单位。
<length>
更通用的定义是“CSS 值和单位模块级别 3”:
长度是指距离测量,并在属性定义中用 表示。长度是a方面。然而,对于零长度,单元标识符是可选的(即可以在语法上表示为 0)。
这意味着无单位数font-size
无效,但有明确的例外0
.
话虽如此,尺寸是多少<div style="font-size: 20;">20 size</div>
正在渲染?
渲染出来的font-size
一个元素的值将取决于很多东西。但是,如果我们能够假设
- 用户尚未自定义其默认值
font-size
- 浏览器使用默认样式
- 没有父元素会改变
font-size
(e.x. <font>
, <sub>
, <h1>
...是的,将这些元素作为父元素是无效的标记,但它仍然会改变font-size
)
然后默认font-size
在我目前所知的每个现代浏览器中16px
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)