提升阅读体验的 CSS 细节清单

可读性不是一种感觉，而是一组参数

当我们说一个页面“好读”，背后通常对应着可测量的排版选择，例如：

• 正文行宽是否适中
• 行高是否足够
• 深浅模式下对比度是否舒服
• 标题与段落之间是否有稳定节奏

推荐优先优化的四件事

1. 控制正文宽度

正文区域过宽会让视线回扫变得吃力。相比一味铺满屏幕，限制在舒适宽度内更适合长文。

2. 让层级关系更明显

标题字号、粗细与间距应该形成稳定梯度，让读者滚动时能快速定位结构。

3. 代码块需要单独对待

代码的字体、背景、滚动方式都应该独立于正文。必要时加入行内高亮，帮助读者抓住重点。

4. 暗色模式不要反过头来刺眼

纯黑背景配纯白文字的对比过强，长时间阅读会疲劳。适当使用偏灰的背景与柔和前景更舒适。

小结

优秀排版很少引人注意，因为它把注意力还给了内容。