所有文字大小调整都落在 font-size 这一个 CSS 属性上，HTML 标签本身不带默认像素值，只带浏览器预设相对比例；精确控制必须写 CSS，推荐使用 rem/em 适配响应式，避免依赖 UA 样式。
用 font-size 控制任意 HTML 元素文字大小
所有文字大小调整都落在 font-size 这一个 CSS 属性上，HTML 标签本身（如
、
）不带默认像素值，只带浏览器预设的相对比例。想精确控制，必须写 CSS。
常见错误是只改标签却不加样式，比如以为
文字
天然就“大”，结果在不同浏览器或重置样式后变小——本质是依赖了 UA stylesheet 的默认值，不可靠。
- 推荐用
rem或em单位适配响应式，根元素html { font-size: 16px; }是基准 - 固定像素（如
font-size: 24px;）适合局部微调，但不利于缩放和无障碍访问 - 百分比（如
font-size: 150%;）对父元素敏感，嵌套深时容易失控
标题（
–
）统一重置写法
–
浏览器默认
到
的大小比例不一致，且加粗、上下边距混在一起。真要调大小，建议剥离样式再重定义：
h1 { font-size: 2.5rem; font-weight: 700; margin: 0.5rem 0; }
h2 { font-size: 2rem; font-weight: 600; margin: 0.4rem 0; }
h3 { font-size: 1.75rem; font-weight: 600; margin: 0.35rem 0; }
/* 后续依需类推，避免直接依赖浏览器默认 */
注意：别只改 font-size 而忽略 margin 和 font-weight，否则视觉节奏会断层；也不要用 !important 硬覆盖，优先提高选择器特异性。
立即学习“前端免费学习笔记（深入）”；
正文段落（
）字号与行高的协同设置
调
