html标题默认外边距由浏览器ua样式决定，需用css显式设h1–h6的margin为0；建议配合body重置、全局或精准基础重置，并注意表格单元格padding及margin合并问题。

HTML标题标签（h1 到 h6）默认带有上下外边距，这是浏览器用户代理（UA）样式决定的，不是你写的代码导致的。要清除，核心思路是用CSS显式覆盖这些默认 margin 值。

直接重置所有标题标签的 margin

最常用、最明确的方式是单独针对 h1–h6 设置 margin 为 0：

HTML Extract

使用 MinerU 从 HTML 页面和文件中提取内容，将 HTML 转换为保持标题、列表、表格及文本层次结构的干净、结构化 Markdown。F...

下载

• h1, h2, h3, h4, h5, h6 { margin: 0; }
• 如果还需控制内边距（比如标题文字贴边），可加 padding: 0;
• 建议同时设 font-weight 和 font-size，避免不同浏览器渲染差异

配合全局基础重置更稳妥

单清标题不够彻底——body 本身也有默认 margin，其他元素（如 p、ul）也可能干扰布局。推荐在项目开头引入轻量基础重置：

• body { margin: 0; } —— 先清掉页面最外层边距
• * { margin: 0; padding: 0; box-sizing: border-box; } —— 快速归零所有元素（注意：后续需手动给段落、列表等补回合理间距）
• 或更精准地重置常用块级元素：body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, blockquote { margin: 0; padding: 0; }

注意表格内标题的“隐形边距”

如果 h 标签放在 <td> 或 <code><th> 里，即使标题 margin 为 0，仍可能因单元格默认 padding 出现视觉空隙：<ul> <li>必须同步设置 <code>td, th { padding: 0; }

搭配 border-collapse: collapse; 和 border-spacing: 0; 消除表格自身间隙

检查是否嵌套了其他带 margin 的元素（如 p 包着 h），这类内部 margin 也要一并处理

验证与调试小技巧

清除后若仍有空白，别急着改代码，先用浏览器开发者工具确认来源：

• 右键标题 → “检查元素”，看 computed 标签页中 margin 是否真为 0
• 观察空白是否来自父容器（如 td、div）的 padding 或 line-height
• 留意 margin 合并现象：相邻块级元素的垂直 margin 可能折叠，此时清 margin 不等于清空白

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！