小伙伴们好，我是豆豆，今日给各位介绍一些前面的专业知识。

一、掌握 CSS 单位

长度测量的单位能够是肯定的，比如清晰度，点等，还可以是相应的，比如百分数（%）和 em 单位。

指定 CSS 单位针对非零值是必需的，由于沒有默认设置单位。遗失或忽视单位将被视作不正确。可是，假如该数值 0，则能够忽略该单位（终究，零清晰度与零英尺是一样的）。百思特网

留意： 长短是百思特网指距离测量。长短包含数据值，后边加单位，例如 10px、2em、50% 等。数据和单位中间不可以出現空缺。

二、相对性长短单位

相对性长短单位指定相对性于另一个长短属性的长短。相对性单位是 叙述 ：em当今的字体大小 。

ex ：当今字体样式的 x 相对高度 。

em 和 ex 单位在于套入至元素的字体大小。

1. 应用 em 单位

em 的值相当于应用它的元素的 font-size 属性的估算值。它可用以竖直或水准精确测量。

比如，假如 font-size 元素设定为 16px，而且 line-height 设定为 2.5em，则 line-height清晰度测算数值：2.5 x 1百思特网6px = 40px。

P {
    font-size: 16px;
    line-height: 2.5em;
}

运作实际效果

当在 font-size 属性自身的值中指定 em 的时候会产生出现异常，在这样的情形下，它引入父元素的字体大小。

因而，在我们用 em 指定字体大小时，1em 承继自 font-size。因而， font-size: 1.2em; 使文字比父元素的文字大 1.2 倍。