<"/>

em会继承父级元素的字体大小

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{ background:#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>

 

推荐阅读