em单位_html长度单位EM

2019-09-07 郑州网站建设  

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长度单位实例

一般HTML5,电话网页运用EM为单元对照多。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/949.html转载请标明出处,谢谢合作!
标签:
  • 时候
  • HTML
  • 单位
  • 长度
  • 甚么
  • 简介