CSS基本单位

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS基本单位相关的知识,希望对你有一定的参考价值。

相对单位:

px  2.54cm = 96px

em  假定默认字体尺寸为14px,nem = n * 14px,若找不到当前对象,找父级对象,没有父级对象找body

.outer,.inner{

  font-size:2em;

}

<div class="outer"> 

  <div class="inner">

    我是inner     结果为2 * 2 * 16px

  </div>

</div>

rem  只找到html的根对象  

.outer,.inner{

  font-size:2rem;

}

<div class="outer"> 

  <div class="inner">

    我是inner     结果为2 * 16px

  </div>

</div>

以上是关于CSS基本单位的主要内容,如果未能解决你的问题,请参考以下文章

[CSS]盒模型(基本)

你不知道的CSS单位

CSS - 神奇的BFC

CSS/CSS3长度时间频率角度单位大全

CSS学习12-PS的基本操作

从今天起开始使用 CSS 属性 calc()