在哪里设置基本字体？

Question

如果我font-size在body元素上设置一个,那么这个大小也是1em吗？

换句话说,如果我这样做:

body {
    font-family: Arial;
    font-size: 16px;
}

我可以确定我使用1em它将等于16px吗？

如果上述方法不正确,我应该如何设置基本字体？

对不起,如果基本字体不是正确的术语.我不确定这种技术被称为什么.我相信它类似于重置样式表,它会覆盖浏览器的默认样式.

Answer 1

你想要实现的目标可以通过rem单元完成.

一个em单位是"等于使用它的元素的'font-size'属性的计算值."在你的情况下,1em将是body元素上的16px .但是,如果更改font-size任何元素,1em则该元素将等于该font-size元素.如果使用ems font-size,则它相对于font-size父元素的ems .因此,如果p是的孩子div,并font-size在div被12px,然后font-size: 1em在p将12px.

另一方面,a 1rem总是等于根元素的font-size的计算值.在HTML中,这是html元素.因此,大小始终是一致的.见http://www.w3.org/TR/css3-values/#rem-unit