網頁設計一直借鑒圖形和印刷設計領域的原則和定義。 當涉及到網頁排版以及我們在網頁上獲得字母表的方式時，尤其如此。 這些相似並不總是1對1的翻譯，但你肯定可以看到一門學科對另一門學科的影響。 當您考慮傳統排版術語“領先”與CSS屬性（稱為“行高”）之間的關係時，這一點尤其明顯。
領導的目的
當人們習慣於手動操作金屬或木製字母以創建印刷頁面的印刷版時，為了在這些線條之間創建間距，在鉛直線之間放置了一小段鉛。 如果你想要更大的空間，你會插入更大的鉛片。 這就是如何創造“領先”這個詞。 如果你在一本關於印刷設計和校長的書中查找了“領先”一詞，它會讀到一些東西 - “連續類型的基線之間的距離”。
引領網頁設計
在數字設計中，術語“領先”仍然用於指代文本行之間的間距。 許多程序都使用這個確切的術語，即使這些程序明顯沒有使用實際的引導。這是一個新的設計借用傳統思想形式的很好的例子，儘管該原則的確切實施已經改變。
在網頁設計方面，沒有“領先”的CSS屬性。 相反，處理這種視覺顯示文本的CSS屬性稱為行高。 如果你希望你的文本在水平文本行之間有額外的空間，你可以使用這個屬性。 例如，假設您想要增加網站
基於頁面的默認字體大小（通常為16px），現在這將是法線高度的1.5倍。
何時使用線高
如上所述，行高適合用於在段落或其他文本塊中間隔文本行。 如果線條之間的空間太小，則文本可能會變得混亂且難以為觀看者閱讀到您的網站。 同樣，如果頁面上的行間距過大，正常的閱讀流程將被中斷，並且讀者因此出現文本問題。 這就是為什麼你想要找到適當的線高度間距來使用。 您還可以與實際用戶一起測試您的設計，以獲取關於頁面可讀性的反饋。
何時不使用線高
不要將行高與用於向頁面設計添加空白的填充或邊距混淆，包括在標題或段落下方。 這個間距不是領先的，因此它不是由行高處理的。
如果您想在某些文本元素下添加空格，則可以使用邊距或填充。 回到之前使用的CSS示例，我們可以添加這個：
main p {line-height：1.5; margin-bottom：24px; } 這仍然會在我們頁面的段落（
在幾乎所有情況下，這將顯示與以前的CSS相同。
假設你想在列表中的列表項下添加一個空間，並在列表中添加一個“services-menu”類，你可以使用margin或padding來實現，而不是line height。 所以這將是適當的。
.services-menu li {