CSS';字体大小:中等';将字体设置为.Body font size或*browser*';基本字号是多少?

CSS';字体大小:中等';将字体设置为.Body font size或*browser*';基本字号是多少?,css,Css,在“CSS:缺少的手册”中,作者说font-size:medium(或其他大小关键字)设置相对于浏览器基本字体大小的字体 但我在FF2和IE6中看到的是,它将字体大小设置为我在.CSS HTML或主体样式中指定的大小(这是首选) 如果它是后一种方式,那么如果你有嵌套样式,并且你知道你想要一些文本成为正文字体大小(即“正常大小的文本”)。我认为如果你为一个元素(如容器或正文)设置一个默认大小,那么子元素中的任何相对字体大小都是基于父元素的。只有在没有在任何地方指定字体大小的情况下,才会默认为浏览器

在“CSS:缺少的手册”中,作者说font-size:medium(或其他大小关键字)设置相对于浏览器基本字体大小的字体

但我在FF2和IE6中看到的是,它将字体大小设置为我在.CSS HTML或主体样式中指定的大小(这是首选)


如果它是后一种方式,那么如果你有嵌套样式,并且你知道你想要一些文本成为正文字体大小(即“正常大小的文本”)。我认为如果你为一个元素(如容器或正文)设置一个默认大小,那么子元素中的任何相对字体大小都是基于父元素的。只有在没有在任何地方指定字体大小的情况下,才会默认为浏览器的字体大小(浏览器的字体大小各不相同)。

来源:

“中等”值是用户首选的字体大小,用作参考中间值


如果浏览器不这样做,那么浏览器就是有缺陷的。

它将基于父元素,以尊重级联。如果有帮助,我总是这样做字体大小:

body {
   font: normal 100% "Arial","Helvetica",sans-serif;
}
p, li, td {
   font-size: .85em;
}
li p, td p {
   font-size: 1em;
}
100%使用在身体上,然后将其用于其他一切。我从不使用“小”或“中等”之类的东西。这样我有更多的控制权

编辑:


请看Jim关于“中等”是绝对字体大小的评论。值得注意。

字体大小关键字(xx small、x-small、small、medium等)基于用户默认的中等字体大小。它还可以用于更改子元素相对于父元素的大小。

如前所述,
由UA(浏览器)设置,但您仍然可以通过使用
rem
获得所需的行为
rem
与根元素(尤其是
元素,而不是
)相关,因此受根元素样式的影响

请参见演示

html
{
字体大小:60px;
}
#中柱
{
字号:中等;
}
#雷姆布洛克
{
字号:1rem;
}
#半块
{
字体大小:0.5rem;
}

福巴继承的
Foobar培养基
Foobar快速眼动
Foobar 0.5雷姆

“中等”是绝对字体大小,而不是相对字体大小。大小关键字是绝对的。它们的工作方式与您使用的相对尺寸不同。