日韩人妻一区二区I五月天婷婷在线视频Ifreexxx中国偷拍I日韩在线中文字幕I99电影院I国产精品丝袜在线I国产精品地址I亚洲777在线I91视频在线观看网址一I懂色AV一区二区三区国产中文在线I东北45岁熟女嗷嗷叫I国产精品视频久久鲁I天天操,夜夜操I99.avI亚洲 av网站I激情插I少妇熟女综合I国产一级免费av

2022-12-31

?設計網站文字的行間距以及段間距

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


fangan46.png


1、 行間距的設計規則

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

2、 段間距

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

3、 段間距設計的注意事項

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