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源代码:
css em单元运用百分数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;}
body设置font-size: 62.5%;
对div设置装备摆设font-size:1.2em,相称于我字体大小就是12px。
对div设置装备摆设font-size:1.2em,相称于我字体大小就是12px。
截图:
一般HTML5,电话网页运用EM为单元对照多。