心火 DAILY

第 06 版·代码

一段 CSS:让文字呼吸

排版的很多问题,其实是"太挤了"。

css
.prose {
  font-size: 17px;
  line-height: 1.9;
  letter-spacing: 0.01em;
  max-width: 42em;
}

.prose p + p {
  margin-top: 1.2em;
}

.prose h2 {
  margin-top: 2.4em;
  margin-bottom: 0.8em;
  font-family: ui-serif, "Songti SC", serif;
}

几个我常用的原则:

  1. 中文正文行高 1.8–2.0,比英文更松;
  2. 段落之间留白,比段首缩进更现代;
  3. 标题用衬线体,正文用无衬线,层次立刻出来;
  4. 别用纯黑(#000),用带一点暖意的深褐。

就这些。

本版编辑 / 醍醐之 · 第 06 版 · 2026-09-27

按 Esc 关闭 · 支持标题、正文、标签