em表示什么长度单位_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源代码:

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。

截图:

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

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值