CSS行高和上下間距在網頁設計中扮演著非常重要的角色。行高是指文本的行距，也就是每一行文字之間的距離，而上下間距則是指文字和其它元素之間的距離。本文將詳細介紹如何使用CSS來調整行高和上下間距。 在CSS中，行高可以使用屬性line-height來設置。這個屬性可以設置一個數字或一個相對值，如em或百分比。其中，數字代表字體的倍數，1表示字體大小的100%，1.5表示字體大小的150%。比如，在下面這段CSS代碼中，我們將行高設置為1.5倍字體大小：

p {
	line-height: 1.5;
}

這樣，每一行的間距就會變成字體大小的1.5倍。如果我們想要讓行高與字體大小相等，直接將行高設置為1即可。值得注意的是，一般情況下不建議將行高設置得太小，否則文字可能會過于擁擠，不利于閱讀。而過大的行高則會讓頁面看起來空洞無物，也不美觀。 除了行高之外，我們還可以使用上下間距來調整文字和其它元素之間的距離。一般來說，元素之間的上下間距由兩個因素決定：元素本身的margin和padding屬性，以及元素所在的包含塊的行高。我們可以使用margin和padding屬性來調整元素的上下間距。比如，在下面這段代碼中，我們將段落的上下margin都設置為20px：

p {
	margin-top: 20px;
	margin-bottom: 20px;
}

這樣，每個段落就會有20px的上下間距了。注意，這里的上下間距是指段落和其它元素之間的距離，而非段落本身的行高。 綜上所述，CSS行高和上下間距對于網頁設計來說非常重要。如果我們能正確地使用這些屬性，就可以讓頁面看起來更加美觀、易讀、舒適。