美文网首页
CSS单位em

CSS单位em

作者: 忆飞 | 来源:发表于2018-10-25 09:56 被阅读0次

em是CSS中一个比较常用的相对单位,因此有必要注意一些坑点。

1em等于当前元素的字体大小,除非你在设置font-size

为什么有人误认为1em等于父元素的字体大小呢?这是因为如果在设置font-size的时候使用em单位,此时font-size还是默认值inherit,因此此时1em还等于父元素的字体大小。这是在设置font-size时才有的特例!这个特例很好理解,毕竟我正在设置当前元素的字体大小呢!总不能使用此刻正在设置的字体大小作为单位吧!这不是悖论吗!

除了这个特例以外,当设置其他css属性的时候,1em就等于当前元素的字体大小。

相关文章

  • CSS单位em

    em是CSS中一个比较常用的相对单位,因此有必要注意一些坑点。 1em等于当前元素的字体大小,除非你在设置font...

  • css中vh和vw的单位

    在css中有em,rem,vh,vw等单位,这些单位具体的意思如下: em是一个相对单位,em相对所指的是相对于元...

  • CSS3 Test: 单位

    平时或许你用过不少css的单位,相对和绝对单位你都用过,这里将会列出所有的。 css单位 css单位:em,ex,...

  • CSS单位-em初探

    一. 概要 em的部分实际应用与优缺点。 二.xxxx The 'em' unit is equal to the...

  • em和rem

    css中单位长度用的最多的就是px,em,rem。其中,px是固定像素。em和rem是相对长度单位,em相对于父元...

  • Rem的深入理解

    什么是em? css中有两个常用的相对单位,em和rem,先有的em,css3中又引入rem,两者很容易混淆,所以...

  • Rem布局的原理解析

    什么是Rem rem和em很容易混淆,其实两个都是css的单位,并且也都是相对单位,现有的em,css3才引入的r...

  • 关于使用rem(css3新增),calc()进行自适应布局

    先上结论: 关于css中的单位 我们都知道在css中的单位,一般都包括有px,%,em等单位,另外css3新增加一...

  • 2-28

    csshttp://phpstudy.net/css3/ 先从单位学起,单位常用的有:px,rem,em

  • CSS单位 px,em, rem

    px 像素,固定单位,页面缩放不改变大小 em 值不固定,会继承父级元素的字体大小,代表倍数 用法技巧:1.通常浏...

网友评论

      本文标题:CSS单位em

      本文链接:https://www.haomeiwen.com/subject/ldkqtqtx.html