在CSS中，行高（Line Height）是一个重要的排版属性，它影响着文本的垂直间距和可读性。行高定义了一行文本的高度，包括文字的上方和下方的空间。设置合适的行高可以使网页的布局看起来更加舒适和美观。
CSS中设置行高有以下几种方式：
绝对值
可以使用像素（px）作为单位来设置行高。这是一个绝对值，意味着无论字体大小如何变化，行高都保持不变。
p {
line-height: 20px;
}
相对值
可以使用无单位数值（如1.5）来设置行高。这个数值是相对于字体大小的倍数。这种方式可以让行高随着字体大小的变化而变化。
p {
font-size: 16px;
line-height: 1.5;
}
在这个例子中，实际行高为 `16px * 1.5 = 24px`。
百分比
还可以使用百分比来设置行高，这是相对于字体大小的百分比。
p {
font-size: 16px;
line-height: 150%;
}
在这个例子中，实际行高为 `16px * 150% = 24px`。
纯数值
使用纯数值（如1.5）进行设置时，行高会基于当前元素的字体大小进行计算。
p {
line-height: 1.5;
}
如果父元素的字体大小是16px，那么子元素的行高将是 `16px * 1.5 = 24px`。
inherit
可以使用 `inherit` 关键字，使子元素继承父元素的行高属性。
p {
line-height: inherit;
}
行高与字体尺寸的关系
在设置行高时，要注意以下几点：
1. 行高不应小于字体的大小，否则会导致文本重叠。
2. 过大的行高会影响文本的可读性。
3. 行高的计算方式与字体有关，等宽字体和比例字体在行高表现上可能会有差异。
行高的合适值取决于具体的设计需求，但通常来说，1.2到1.5倍的字体大小是一个比较合适的范围。
通过以上方法，可以灵活地在CSS中设置行高，从而改善文本的布局和可读性。