第三十三章 行高和样式 - 《代码能有多难？》

行高这个属性可能是我们平常没有在意过的，它表示一行文字所占用的高度。我们写一段内容，两行文字之间会有一些空白，这样看起来很舒服。而之所以会有这些空白，是因为每一行文字所占用的高度都要比文字本身的高度更大。

你也许会说，为什么两段文字之间的空白要更大一些？这里的空白不只与行高有关，还受到了一些其他属性的影响，我们在后面会讲到。所以现在我们想测试行高的时候，请在一个段落内写足够多的文字，让它自动折行。

这个属性的名字也非常的简单，line-height，是多么的简单直白啊。

它的值也有多种的表达方式，默认是 normal，就是浏览器的默认值，大约是 1.2，和所选用的字体有关。

但是默认值是不需要我们进行设置的，而我们对它进行设置的时候，推荐使用没有单位的数字，比如：

p {
  line-height: 1.6;
}

它表示行高是当前文字大小的多少倍。听起来好像和 em 相似。但这里指的是相对于这个元素本身字

……

**继续阅读 >>> ：[第三十三章 行高和样式 - 《代码能有多难？》 —— Writed by 稻米鼠](https://dmnydn.com/courses/lesson-0033?from=jianshu)**

（小白都看的懂，学得会的前端代码教程，睡前看一章，轻松学代码。）

**Tags：** Web，HTML，CSS，教程，编程，前端入门，基础课程