在CSS設置：行間距

在CSS中，線之間的距離是很容易設置。 為了這個目的，有一個特殊的屬性。 但是，當然，還有很多其他的參數，這是通用的，可以適用於文本。

如果沒有調整完成後，你都設置為默認值。 如果需要，你可以改變的距離。 該值可以是一個百分比或像素。

行高

線之間的距離的CSS可以通過以下附圖來說明。

另外，在上述的圖像示出了具有相應距離的參數。 該文本是在空間上的字體大小。 需要注意的是文本行不會在基地和略高開始。 下面提供的是具有底部元件（G，Y，等）的字母的空間。

需要注意的是塊字體大小之間的空間被稱為領先。 隨著HTML和CSS這個屬性沒有出現，但它在其他圖形和文本編輯器。 例如，在Adobe Photoshop。

上面顯示了在“Photoshop中”，您可以指定領導的身影。 而接下來指定的字體大小的設置。

使用行高的例子

在CSS中，線之間的距離可以百分之進行設置。 的說明性例子在下面給出。

在您的網站的用戶的值較小的情況下，會不方便閱讀。

的距離可以改變，並且字體的大小。 如果基本參數之間的差異將在數量差別很大，不同的是通過增加領先補償。

設計的精妙之處

線之間的距離CSS可進一步定制各種縮進。 考慮在圖中的例子。

在這種情況下，“元素”將是文本。 填充 - 填充是在對象內部，且餘量 - 對象的縮進。 邊框 - 這個框架。 它可以是0個像素，並且可以是100。

下面的圖像立即顯示所有邊緣，框架和一個文本行的高度。

如果你有一個小的文字，都在一個單一的線，或者在一個單獨的段落的每一行，距離可縮進的段落之間調整。 這是在一個小區的線條不會有任何效果之間馬林和填充。 他們只在對象的邊緣創建縮進。 對象 - 這一整段，而不是在它行。 不要混淆是非常重要的。

在情況下，大量的行，所有這些都位於同一個對象的，推薦的字體改變的基本參數。

如何增加CSS的線之間的距離

HTML的線之間的距離，你可以註冊任何類或文本中的所有段落。 如果指定這樣的：P {線高度：20px的; } - 那麼絕對的所有頁面上的段落將是20像素的字符串。 如果您在不同大小不同的地方想，建議做如下。

我們規定的樣式。

.class1 {行高：20像素; }

.class2 {線高度：16px的; }

.class3 {線高度：12px的; }

為了清楚起見，我們添加了一個框架，所以你可以看到，它的作品。 在未來，它必須被刪除。

接下來，我們使用這些類。 結果如下。

請注意，在第三種情況下，樂隊驅車前往文。 由於所有的事實， 字體大小 比該行的高度。 因此，重要的是要保證這種衝突並非如此。 如果你正在做一個小行高度分別減小字體。

這是不建議做的太少的文字和線條之間的小的距離。 由於沒有用戶將不能夠冷靜地讀這一切。 他很快疲憊的眼睛。 搜索引擎也說，文字是用戶友好的。

此外，近年來有一個非常強調易用性的移動用戶。 有建議總是說，字體大小應該是正常的，不小。 特別是強烈它影響引用。 憑藉其體積小，用戶將很難利用網站導航。

在搜索引擎“谷歌”是一個特殊的工具，有助於分析。 這是網站管理員非常方便。

下面是結果可以是一個例子。

建議，因為這些標準影響到搜索結果中使用這些技巧。