在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的; }

为了清楚起见，我们添加了一个框架，所以你可以看到，它的作品。 在未来，它必须被删除。

接下来，我们使用这些类。 结果如下。

请注意，在第三种情况下，乐队驱车前往文。 由于所有的事实， 字体大小 比该行的高度。 因此，重要的是要保证这种冲突并非如此。 如果你正在做一个小行高度分别减小字体。

这是不建议做的太少的文字和线条之间的小的距离。 由于没有用户将不能够冷静地读这一切。 他很快疲惫的眼睛。 搜索引擎也说，文字是用户友好的。

此外，近年来有一个非常强调易用性的移动用户。 有建议总是说，字体大小应该是正常的，不小。 特别是强烈它影响引用。 凭借其体积小，用户将很难利用网站导航。

在搜索引擎“谷歌”是一个特殊的工具，有助于分析。 这是网站管理员非常方便。

下面是结果可以是一个例子。

建议，因为这些标准影响到搜索结果中使用这些技巧。