文本行高是网页设计中非常重要的一部分。通过调整文本行高，可以使网页内容更加美观，易读。在CSS中，我们可以通过设置行高来实现这个效果。 如果我们没有显式地设置行高，那么浏览器会默认给文本一个行高。这个默认行高通常是字体大小的1.2倍左右。如果我们想要调整行高，可以使用 line-height 属性。例如：

p {
line-height: 1.5;
}

在这个例子中，我们将行高设置为字体大小的1.5倍。这意味着每一行之间会有一定的间隔。这个间隔的大小取决于字体大小和行高的比例。 如果我们想要更准确地控制行高，我们可以使用像素单位。例如：

p {
line-height: 24px;
}

在这个例子中，我们将行高设置为24像素。这意味着每一行之间会有一个24像素的间隔。 我们可以设置不同的行高值，以适应不同的文本内容。例如，如果我们有一个标题，我们可能想要让行高比正文要小。这可以通过为标题设置不同的行高来实现。例如：

h1 {
font-size: 36px;
line-height: 1.2;
}
p {
font-size: 16px;
line-height: 1.5;
}

在这个例子中，我们将 h1 的行高设置为字体大小的1.2倍，而将p的行高设置为字体大小的1.5倍。这意味着标题之间会有更少的间隔，而正文之间会有更多的间隔。 在某些情况下，我们可能想要将行高设置为固定的像素值。例如，如果我们有一个具有固定高度的盒子，我们可能想要将其内部文本的行高设置为与盒子高度相同，以使文本垂直居中。这可以通过使用 calc() 函数来实现。例如：

.box {
height: 120px;
line-height: calc(120px / 2);
}

在这个例子中，我们将盒子的高度设置为120像素，然后将行高设置为这个高度的一半。这意味着文本将垂直居中在盒子内部。 总之，行高是一个非常有用的 CSS 属性，可以使网页内容更加美观和易读。我们可以使用像素值或比例来控制行高。根据具体情况，我们可以为不同的文本内容设置不同的行高，以获得最佳的阅读体验。