热搜：编程 Python Microsoft 编程语言 C++

知识普及之CSS: body{font-size: 62.5%;}这种写法的原因

发布时间：2023-06-01 19:01:32 来源：网络

.

初秋的风似一支七彩的画笔，走到哪里，哪里就披上秋的盛装，五光十色的鲜花和着七彩的蝴蝶，迎着丰收的景象。五彩缤纷的鲜花撒满大地，丰收的果园一派欣欣向荣的景象，金黄色的稻谷堆满仓，大地一片喜气洋洋。

在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置，为什么偏偏是62.5%呢？这主要是为了方便em与px相互转换，em的初始值为1em=16px，显然这样的话，如1.2em则=19.2px，可是我们在设置的时候很少看见19.2px这样表示的大小，也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时，1em则=16px*62.5%=10px,1.2em则=12px，这是不是就简单多了，准确多了呢~~

CSS Code复制内容到剪贴板

Setbodyfont-sizeto62.5%forEasieremConversion
Ifyouwouldliketouserelativeunits(em)foryourfontsizes,declaring62.5%forthefont-sizepropertyofthebodywillmakeiteasiertoconvertpxtoem.Bydoingitthisway,convertingtoemisamatterofdividingthepxvalueby10(e.g.24px=2.4em).
code：
body{
font-size:62.5%;
}
p{
font-size:1.2em;
}

以上所述是小编给大家介绍的CSS: body{font-size: 62.5%;}这种写法的原因分析，希望对大家有所帮助！

本文知识普及之CSS: body{font-size: 62.5%;}这种写法的原因到此结束。青春的幻想既狂热又可爱。小编再次感谢大家对我们的支持！

以下您可能有感兴趣的文章:

标签： body CSS