什么是em？

最新推荐文章于 2022-04-16 12:01:06 发布

Acettest

最新推荐文章于 2022-04-16 12:01:06 发布

阅读量1.8k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/u010178308/article/details/79958059

版权

CSS 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

em是一个相对大小，我们可以这样来设置大小，如：1em,0.5em等。

所谓相对，必然存在一个参照物。这里的参照物指的就是父级元素的大小，按照css元素的继承关系（并非所有元素都有继承关系），其子类元素元素将继承该父类元素的大小。如果子类元素使用了em进行设置大小，则会在父类元素大小的基础上，进行其自身大小的转换。为了更直观的说明问题，现举例如下：

一个div设置的字体大小为16px,并设置其下的lable的字体大小为0.8em，可计算出lable的font-size为16*0.8=12.8px

<head>
	<style type="text/css">
		body,div,label {
			margin: 0px;
			padding: 0px;
		}
	</style>
</head>
<body>
<div style="font-size:16px; background:lightblue">
	这是一个晴朗的早晨
	<br/>
<label style="font-size:0.8em; background:red" >这是一个晴朗的造成</lable>
</div>
</body>

效果如下：