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

96
稻米鼠 B67c298d f020 4f89 aac6 0710bc0709ec
2019.06.01 06:15 字数 358

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

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

这个属性的名字也非常的简单,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,教程,编程,前端入门,基础课程
代码能有多难?-2019