首页 / 知识

em单位_html长度单位EM

2023-04-11 15:34:00

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源代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css em单元运用百分数</title>
<style type="text/css">
body { bac千克round:#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;}
</style>

</head> <body> <div> body设置font-size: 62.5%;<br /> 对div设置装备摆设font-size:1.2em，相称于我字体大小就是12px。 </div> </body> </html>

截图：

em html长度单位实例