国语对白永久免费-草免费视频-国产干干干-怡春院久久国语视频免费-内射人妻少妇无码一本一道-国产黄色www-日韩av一卡-日本免费一区二区三区视频观看-99久久无码一区人妻-色婷婷美国农夫综合激情亚洲-www黄色毛片-免费特级毛片-亚洲人成日韩中文字幕不卡-成人a在线-免费国产va在线观看视频-久操久热-亚洲卡一-91成人海角社区-看黄a大片日本真人视频直播-a√天堂资源

2022-12-31

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

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


fangan46.png


1、 行間距的設計規則

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

2、 段間距

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

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

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