企术资讯

首先我们来聊一聊设计网站段落的行间距。行间距的定义十分(fēn)直白，就是行和行之间的距离，它也也可(kě)以被理(lǐ)解為(wèi)是一段文(wén)字中的留白區(qū)域。行间距的出现提供了让访问用(yòng)户阅读的想象空间，而在阅读的习惯上，行间距对于阅读體(tǐ)验也是有(yǒu)着十分(fēn)巨大的影响的。

1、 行间距的设计规则

一般在设计网站时，我们都推荐使用(yòng)1.2倍到2倍的行间距。行间距基本上是由行高所确定的，如果在文(wén)本的设计中，為(wèi)了实现文(wén)本的易读性而增加行间距，那么响应地也需要增加行高。我们来举一个简单的例子对比进行说明，如果使用(yòng)12px大小(xiǎo)的字号，行高设置為(wèi)20px，那么行间距就可(kě)以使用(yòng)20减去12，除以2然后再乘以2，就可(kě)以得出行间距了。

2、 段间距

顾名思义，在设计网站时，段间距就是段落与段落之间的距离。它可(kě)以保证页面的阅读节奏，而且段间距也同时和行高以及字體(tǐ)相互关联。我们经常会看到正文(wén)的段间距经常会使用(yòng)一个空行，这个距离也就是行高，这是為(wèi)了问价文(wén)本的易读性的设计。我们再举个例子，如果文(wén)本的字體(tǐ)字号為(wèi)12px，行高為(wèi)20px，那么段间距就是行高与行间距的和，是32px。

3、 段间距设计的注意事项

在设计网站时，為(wèi)了使文(wén)本在网页的浏览中更有(yǒu)阅读的节奏感，那么就要采用(yòng)段间距大于行高，行高大于行间距以及行间距大于字间距的设计。