您现在的位置是：网站首页> 编程资料编程资料
知识普及之CSS: body{font-size: 62.5%;}这种写法的原因_CSS教程_CSS_网页制作_
2021-09-13
941人已围观
简介 在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置，为什么偏偏是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复制内容到剪贴板
- Set body font-size to 62.5% for Easier em Conversion
- 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).
- code：
- body {
- font-size: 62.5%;
- }
- p {
- font-size: 1.2em;
- }
以上所述是小编给大家介绍的CSS: body{font-size: 62.5%;}这种写法的原因分析，希望对大家有所帮助！
相关内容
- CSS中灵活使用:before和:after_CSS教程_CSS_网页制作_
- CSS中height和min-height的区别_CSS教程_CSS_网页制作_
- 网页中时光轴CSS实现_CSS教程_CSS_网页制作_
- CSS3 3D位移translate效果实例介绍 _css3_CSS_网页制作_
- 四种CSS常用的选择器使用方法和注意事项_CSS教程_CSS_网页制作_
- 浅析两列自适应布局的3种思路_css3_CSS_网页制作_
- CSS壹久柮娐得€媒_CSS_脥酶脪鲁脰脝脳梅 - 陆脜卤戮脰庐录脪
- 横向两列布局（左列固定，右列自适应）的4种CSS实现方式_CSS布局实例_CSS_网页制作_
- 网页布局入门教程 如何用CSS进行网页布局_CSS教程_CSS_网页制作_
- css文字环绕图片—遇到的问题及快速解决方法_CSS教程_CSS_网页制作_
