em表示什么长度单位_em单位_html长度单位EM

最新推荐文章于 2021-06-09 11:25:15 发布

Pellegrini

最新推荐文章于 2021-06-09 11:25:15 发布

阅读量779

点赞数

文章标签： em表示什么长度单位

本文链接：https://blog.csdn.net/weixin_42496673/article/details/112998786

版权

本文介绍了HTML/CSS中em作为长度单位的使用场景，如何通过设置body的font-size为62.5%来实现em与px的转换，并给出了一个实际的HTML示例。重点讲解了em的动态性和继承性，以及如何利用em进行相对布局。

摘要由CSDN通过智能技术生成

html长度单位em引见，甚么时辰用em，em如何换算成PX像素，在下面状况下css 设置em单位。

em指字体高，任意阅读器的默认字体高都是16px。所以未经调处的浏览器都切合：1em=16px，所以10px=0.625em。为了简化font-size的换算，必要在CSS中的body抉择器中声名font-size=62.5%，这就使em值酿成16px*62.5%=10px，这样12px=1.2em， 10px=1em，也就是说只需要将你的副本的px数值除以10，今后换上em作为单元就好了。

em的本性：

1. em的值并非静止的；

2. em会秉持父级元素的字体大小，会绝对付父元素的字体大小而篡改。

html css 运用em为单元实例残缺HTML源代码：

css em单元应用百分数

body { background:#333; font-size: 62.5%; margin: 0px; padding: 0px;}/*设定页面的后援、翰墨、边白等*/

div{ bac公斤round:#fff; width:450px; height:180px; margin:0 auto;

padding:10px; border:4px #000 solid; font-size:1.2em;}

body设置装备摆设font-size: 62.5%;
对div设置font-size:1.2em，相当于我字体大小就是12px。