字体行高继承性测试,可以看到: 1. 使用像素(绝对值)会使得标题太紧,小字体文本太松。因为标题字体一般比较大; 2. 使用百分比也和像素差不多,比如父元素字体为16px,行高120%,那么子元素实际继承的行高为值16*1.2=19.2px约为20px,而和子元素的字体无关; 3. 使用无单位数字,如果数值较大(如1.5),会导致标题太松。 所以实践下来一个比较好的行高设置是:推荐使用无单位数字来设置行高,其中内容文本1.2,而标题1.5。

教程

JavaScript
语言:
CSS
语言:
HTML
导入代码模板: