整理了一万多字的line-height总结,你还看不懂那我真的要跪了!

极客小俊

把逻辑思维转变为代码的技术博主

你不用拼过聪明人，你只需要拼过那些懒人 你就一定会超越大部分人!

概念: 行高指的是文本行的基线之间的距离, 更简单来说行高是指文本行基线间的垂直距离, 行高也是文字大小与行距的和, 行高越大则行间距越大!  

注意：line-height属性不允许使用负值。

但是很多人就只是知道  line-height属性用于设置行高, 而行高到底是一个什么东西并不是很清楚!

那么在了解行高之前,我们就必须要先掌握这几个概念: 顶线、中线、基线、底线、x-height、ex、内联盒模型、行距等..

知道这些概念之后才能真正的去理解line-height属性的意义!

我把相关知识点分为三篇文章 大家选择观看阅读!

1.先要知道一些跟line-height相关的基础知识点!  例如:CSS中的基线、顶线、底线、中线、x-height的含义!

2.了解CSS中的ex单位、内联盒子模型、line-height与内联元素高度之间的关系!

3.到这里再来谈line-height一定会理解得更加透彻

大家的支持就是我坚持下去的动力!