标题优化关键在字号与字重的节奏控制：采用rem比例层级（如h1=2.5rem、h2=1.75rem、h3=1.25rem），配合font-weight多档位（300–700）及line-height、letter-spacing微调，确保视觉层次清晰、响应式统一。
标题样式太普通，核心问题往往不是缺特效，而是字号（font-size）和字重（font-weight）没用对节奏。小标题用16px常规字重，大标题用32px加粗，看似合理，但缺乏视觉层次和情绪引导——改这里，见效最快。
字号要有明确的层级阶梯
别靠感觉调数字。建议用一套固定比例，比如：h1 = 2.5rem（约40px），h2 = 1.75rem（约28px），h3 = 1.25rem（约20px）。所有标题基于根字体（html font-size: 16px）计算，响应式时只需调根字号，整套自动缩放。避免出现 21px、23px 这类非标数值，容易让界面显得松散不统一。
字重别只用 normal / bold 两档
CSS 的 font-weight 支持 100–900 数值，主流字体（如 Inter、Roboto、思源黑体）大多有 300（轻）、400（常规）、500（中）、600（半粗）、700（粗）甚至 800 档位。比如：
- 主标题用 font-weight: 700，显权威感
- 副标题用 font-weight: 500 或 600，比正文（400）突出又不抢戏
- 小标签类标题可用 300，轻盈不压内容
注意：确保所选字体实际支持你写的 weight 值，否则浏览器会模拟加粗，边缘发虚。
立即学习“前端免费学习笔记（深入）”；
字号+字重要配合行高与字间距
光调大字号加粗，可能让标题“堵”在页面里。搭配调整：
- line-height 设为 1.1–1.3（标题不宜过松），比如 h1 { line-height: 1.2; }
- letter-spacing 可微调：大标题加 0.5px 稍松一点，小标题保持 0 或 -0.2px 更紧凑
- 避免给标题设 margin-bottom: 20px 这类绝对值，改用 rem 单位，比如 margin-bottom: 1.5rem，更好适配缩放
快速检查是否有效果
打开页面，遮住其他内容，只看标题行。能一眼分清哪是主标题、哪是章节名、哪是小模块标题？如果全靠位置或颜色区分，说明字号和字重还没到位。真正清晰的标题系统，黑白打印出来也该有结构感。
