文章排版全组件

标题 · 段落 · 引用 · 列表 · 表格 · 代码 · 折叠 · 分割线

§01 段落与强调

标准正文段落。字体系统字体栈，行高 1.75。朱红色用于强调，等宽背景标注术语。

引用块：左边朱红粗线。— 出处标注

点击展开

折叠内容。

油墨	色值	覆盖率
Vermilion	#E23B2E	18%
Key	#16130F	42%

Prism.js 自动高亮：

function checkKey(e) {
  const key = e.key.toLowerCase();
  if (key === 't') {
    return Math.random() < 0.333 ? 't' : '7';
  }
  return key;
}

<div class="logo" aria-label="7OP">
  <span class="layer v">7</span>
  <span class="layer k">7</span>
</div>

◈ 套印未准本身就是一种印刷风格。

HTMLCSSRISO