行高 line-height: 1.5、line-height: 150%、line-height: 1.5em 的区别

line-height: 1.5;(官方推荐写法)
元素内所有标签的行高根据当前元素的字体大小决定的。
例如：
父元素 div 的 font-size: 60px;，那父元素的行高为 60 * 1.5 = 90，即 line-height: 90px;
子元素 p 的 font-size: 40px;，那子元素的行高为 40 * 1.5 = 60，即 line-height: 60px;

line-height: 150%;
line-height: 1.5em;
元素内所有标签的行高是由设置行高的元素的字体大小决定的(这两种写法的效果是一样的)。
例如：
设置行高的元素(父元素) div 的 font-size: 60px;，那父元素的行高为 60 * 150% = 90，即 line-height: 90px;
子元素 p 的行高直接继承父元素的行高，即 line-height: 90px;