亚洲综合色丁香婷婷六月图片,欧美三级不卡在线观看,久久99精品久久水蜜桃,久久久久综合一区二区不卡

2022-12-31

?設(shè)計網(wǎng)站文字的行間距以及段間距

首先我們來聊一聊設(shè)計網(wǎng)站段落的行間距。行間距的定義十分直白,就是行和行之間的距離,它也也可以被理解為是一段文字中的留白區(qū)域。行間距的出現(xiàn)提供了讓訪問用戶閱讀的想象空間,而在閱讀的習(xí)慣上,行間距對于閱讀體驗也是有著十分巨大的影響的。


fangan46.png


1、 行間距的設(shè)計規(guī)則

一般在設(shè)計網(wǎng)站時,我們都推薦使用1.2倍到2倍的行間距。行間距基本上是由行高所確定的,如果在文本的設(shè)計中,為了實(shí)現(xiàn)文本的易讀性而增加行間距,那么響應(yīng)地也需要增加行高。我們來舉一個簡單的例子對比進(jìn)行說明,如果使用12px大小的字號,行高設(shè)置為20px,那么行間距就可以使用20減去12,除以2然后再乘以2,就可以得出行間距了。

2、 段間距

顧名思義,在設(shè)計網(wǎng)站時,段間距就是段落與段落之間的距離。它可以保證頁面的閱讀節(jié)奏,而且段間距也同時和行高以及字體相互關(guān)聯(lián)。我們經(jīng)常會看到正文的段間距經(jīng)常會使用一個空行,這個距離也就是行高,這是為了問價文本的易讀性的設(shè)計。我們再舉個例子,如果文本的字體字號為12px,行高為20px,那么段間距就是行高與行間距的和,是32px。

3、 段間距設(shè)計的注意事項

在設(shè)計網(wǎng)站時,為了使文本在網(wǎng)頁的瀏覽中更有閱讀的節(jié)奏感,那么就要采用段間距大于行高,行高大于行間距以及行間距大于字間距的設(shè)計。