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

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

在网页设计中我们经常看见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复制内容到剪贴板
  1. Setbodyfont-sizeto62.5%forEasieremConversion
  2. Ifyouwouldliketouserelativeunits(em)foryourfontsizes,declaring62.5%forthefont-sizepropertyofthebodywillmakeiteasiertoconvertpxtoem.Bydoingitthisway,convertingtoemisamatterofdividingthepxvalueby10(e.g.24px=2.4em).
  3. code:
  4. body{
  5. font-size:62.5%;
  6. }
  7. p{
  8. font-size:1.2em;
  9. }

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

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

您可能有感兴趣的文章
css设置body背景图片满屏的实例代码

body背景图片拉伸另类如何实现

ie8 body overflow hidden 无效的如何解决方法

css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程