em单位_html长度单位EM

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 { 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;}
</style>

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

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c53814.shtml