height和line-height的区别

height：表示这个块级元素或行内元素的高度，比如img的高度、div的高度等。

line-height：类似word里的行高，是指文本行基线间的垂直距离。

font-size：同一行顶线和底线之间的距离，表示文本的大小，这个大小的高度尽量不要超过 line-height 的高度，如果超过了将会导致第二行的文字和第一行的文字发生重叠。因为行距 = line-height - font-size，而当font-size大于line-height时，则会出现行距为负值，则两行重叠。

行距：上行的底线和下一行顶线之间的距离，行距的一半是半行距。