网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )

在网页设计中我们经常看见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. Set body font-size to 62.5% for Easier em Conversion   
  2. If you would like to use relative units (em) for your font sizes, declaring 62.5% for the font-size property of the body will make it easier to convert px to em. By doing it this way, converting to em is a matter of dividing the px value by 10 (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中灵活使用:before和:after
下一篇:详解CSS的border边框属性及其在CSS3中的新特性
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。