什么是em?

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>
效果如下:


阅读更多

没有更多推荐了,返回首页