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>
|