CSS中的行高樣式是指一個元素的內容之間的距離。在網頁設計中，正確設置行高可以使頁面看起來更加美觀和易于閱讀。本文將介紹如何使用CSS設置行高樣式。

要設置行高樣式，可以使用CSS的line-height屬性。該屬性指定一個元素中每行文字所占用的 vertical-align（行內元素）或 height（塊級元素） 的長度值（測量單位），有以下幾種用法：

p {
line-height: normal; /*正常*/
line-height: 1.5;    /*倍數*/
line-height: 20px;   /*絕對長度*/
line-height: 120%;   /*百分比*/
line-height: initial; /*初始值*/
line-height: inherit; /*繼承父元素的值*/
}

其中，normal表示使用默認的行高樣式，通常是字體大小的1.2倍；倍數（如1.5）表示行高為字體大小的1.5倍；絕對長度（如20px）表示行高為20像素；百分比（如120%）表示行高相對于字體大小的120%。initial表示使用默認值，而inherit表示繼承父元素的行高值。

需要注意的是，行高樣式的設置不僅會影響文本內容的布局，還會影響文本的垂直對齊方式。如果出現文本在元素的頂部或底部不居中的情況，可以考慮適當調整行高樣式來解決。

除了通過CSS設置行高樣式，還可以通過HTML標簽的屬性（如：<p line-height="1.5">）來設置行高，不過這種方法不太常用，不推薦使用。

在實際應用中，根據不同的網頁設計需求和字體選擇，可以根據以下原則來設置行高：

• 對于大段的文本內容（如文章、新聞等），行高應該設置適當，通常為1.5倍字體大小。
• 對于短小的文本內容（如按鈕、鏈接等），行高應該盡量與字體大小相等，以免影響頁面的美觀度。
• 對于藝術設計風格的網頁，行高可以適當放大，使得頁面更加有層次感。

總之，正確設置行高樣式可以為網頁設計增添不少美感和舒適性。希望本文對大家有所幫助！