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 { background:#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。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值