表格整体外边距必须用margin作用于<table>元素，cellpadding只影响单元格内部留白；单元格内容留白用padding，作用于<td><th>；注意margin合并及行内元素padding失效问题。
表格整体外边距用 margin，不是 cellpadding
给整个表格加边距，比如让它离页面顶部或左边空出一段距离，必须用 margin，作用在 <table> 元素上。别再用过时的 cellpadding——它只管单元格内部，和表格“离别的元素有多远”完全无关。
常见错误现象：<table cellpadding="10"> 写了却没让表格整体缩进，因为 cellpadding 只影响 <td> 和 <th> 里的内容离边框的距离。
-
margin支持所有方向：用margin-top、margin-left等单独控制，或简写如margin: 20px 10px 15px 5px - 若表格是块级元素（默认就是），
margin: 0 auto可水平居中 - 注意：如果表格被包在
<div>里，而你又给这个<div>设了overflow: hidden或border，可能意外截断表格的margin视觉效果——检查 DevTools 的 Layout 面板看 margin 是否被折叠或隐藏
单元格内容留白必须用 padding，不是 cellspacing
想让“单元格里的文字不贴着边框”，目标是 <td> 和 <th> 元素的内容与自身边框之间的空隙，这时只能用 padding。CSS 层面统一设置，比老式 cellspacing（控制单元格之间空隙）更可控、也更符合现代规范。
使用场景：按钮式表格项、带背景色的表头、需要呼吸感的数据行。
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 推荐写法：
td, th { padding: 8px 12px; }（上下 8px，左右 12px） -
padding不接受负值；设成padding: -5px会被浏览器静默忽略 - 百分比值（如
padding: 2%）以父容器（即<table>）的宽度为基准，不是高度——窄屏下可能比预期小，宽屏下突然变大 - 如果用了
box-sizing: border-box，padding就不会撑大单元格总宽高；否则默认content-box下，width: 100px; padding: 10px实际占位是 120px
行内单元格（如 <td> 里放 <span>）的 padding 行为很特殊
当 <td> 里嵌套了默认 display: inline 的元素（比如 <span>、<strong>），直接给这些子元素设 padding-top 或 padding-bottom，视觉上常“看不出效果”——不是没生效，而是它不推高行高，也不影响相邻单元格位置。
容易踩的坑：以为 span { padding: 5px 10px; } 能拉开文字和上下边框距离，结果发现文字还是紧贴 <td> 边框。
- 真正起效的方式：把子元素改成
display: inline-block或display: block - 更稳妥的做法是直接对
<td>设padding，而不是依赖内部行内元素 - 如果必须保留行内语义，且要垂直留白，优先调
line-height，它比padding-top更可靠地撑开单元格高度
相邻表格或表格与其他块元素的间距会合并
两个连续的 <table>，或者一个 <table> 紧跟一个 <p>，各自设了 margin-bottom: 20px 和 margin-top: 15px，实际垂直间距不是 35px，而是取较大值 20px——这是 margin 合并（collapsing）行为，不是 bug，但极易误判。
性能/兼容性影响：所有现代浏览器都遵循该规范，无法禁用，只能绕过。
- 破除合并最轻量的方法：给父容器（比如包裹它们的
<div>）加padding-top: 0.1px或border-top: 1px solid transparent - 更现代的解法：用
display: flex或display: grid包裹表格，改用gap控制间距，彻底避开 margin 合并 - 别试图用
margin-top把表格“顶上去”——如果它前面没有兄弟元素，这个 margin 会外溢到<body>顶部，导致整个页面内容下移
margin），还是单元格内容离自己的边框多远（padding）。一旦混淆，查半天样式也没用。 
