CSS是前端開發中重要的一環。在設計網頁時，我們常常需要調整文字的行距，以達到更好的排版效果。那么，CSS如何設置字體行距呢？ 首先，我們需要用到CSS的line-height屬性。該屬性用于設置行高，即行與行之間的距離。line-height屬性的值可以是數字、單位或百分比，表示當前元素字體高度的倍數。以下是一些常用的設置方式： 設置固定行距：

p {
line-height: 1.5em;
}

這樣就會讓p元素的行距為1.5倍當前字體大小。如果想要調整行距，只需要修改數字即可。 設置百分比行距：

p {
line-height: 150%;
}

這樣也能實現類似的效果，行距會以當前元素字體高度作為基準進行計算。如果當前字體高度為16px，則上述代碼實際上相當于設置了24px的行距。 除此之外，我們也可以將line-height的值設置為數字：這時，它會被解讀為當前字體倍數。例如，如果當前字體大小為14px，line-height設為2，則實際的行距就是14px * 2 = 28px。需要注意的是，這種方式容易出現文字重疊的問題，因此建議謹慎使用。 CSS還可以通過繼承機制使得某些元素默認繼承行距，例如：

body {
font-size: 16px;
line-height: 1.5em;
}
h1, h2, h3 {
line-height: 1.2em;
}

這樣，所有正文中的段落都會繼承body元素的行距，而標題則會繼承較小的1.2倍行距。 總之，在進行網頁排版時，除了字體大小和顏色外，行距的設置也是非常重要的。通過上述方法，我們可以輕松地控制文字之間的距離，讓頁面看起來更加清晰和易于閱讀。