知识普及之CSS: body{font-size: 62.5%;}这种写法的原因
发布时间:2016-05-06 11:04:53 作者:佚名
我要评论
在网页设计中我们经常看见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 的 font-size-adjust 属性改善网页排版
本篇文章主要介绍了使用 CSS 的 font-size-adjust 属性改善网页排版,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-09-18- 这篇文章主要介绍了CSS中的font-size属性使用教程,是CSS入门学习中的基础知识,需要的朋友可以参考下2015-08-13
- 这篇文章主要介绍了CSS的font-size属性及其em值的使用,是CSS入门学习中的基础知识,需要的朋友可以参考下2015-08-05
CSS Font-Size: em、px 、pt 、Percent之间的关系及换算
这篇文章主要介绍了CSS Font-Size: em、 px 、pt 、Percent之间的关系及换算,本篇整理的还是比较详细的,需要的朋友可以参考下2014-05-15- CSS的字体样式设置相信许多人再熟悉不过,其实字体样式的设置并不仅仅限于我们平时常用的那几个属性,本文为您详细叙述 font-size 的字体样式设置的详细属性。2009-08-29
- 网页制作Webjx文章简介:CSS网页布局学习之Font-size的妙用. 我在做网站项目的时候通常需要定义一个高度为10px以下的div。代码如下: <!DOCTYPE htm2009-04-02
css中一些常用的font-size字体单位和line-height详解
这篇文章主要介绍了css中一些常用的font-size字体单位和line-height的相关知识,给大家提到了px(pixel)像素的一些小知识,本文通过实例代码相结合给大家介绍的非常详细,感2020-05-20



最新评论