HTML标签自带的默认样式全汇总建议收藏

作者：袖梨 2026-06-17

浏览器默认样式由各渲染引擎UA stylesheet动态实现，并非统一标准；常见布局问题源于少数标签（如h1–h6、p、ul、blockquote、pre）的默认margin/padding差异，且display类型、font-size、line-height均受系统及版本影响，应优先采用modern-normalize等现代重置方案而非通配符重置。

浏览器对 HTML 标签施加的默认样式不是标准，而是各引擎（WebKit、Blink、Gecko）各自实现的 UA stylesheet，所以没有“全汇总”这种静态清单——它随浏览器版本、平台（macOS/Windows/Linux）、甚至用户系统字体设置动态变化。

Chrome / Edge（Blink）里最常踩坑的默认 margin 和 padding

多数布局问题其实只来自少数几个标签的默认外边距：

<h1> 到 <h6>：上下 margin 通常为 0.67em / 0.83em（非整数，且基于当前 font-size 动态计算）
<p>：上下 margin 约 1em，左右为 0
<ul>、<ol>：顶部 margin ~1em，左侧有 padding-left: 40px（不是 margin！很多 reset 漏掉这点）
<blockquote>：左右 margin ~40px，顶部底部也有 margin
<pre>：自带 white-space: pre 和 margin: 1em 0

这些值在 Chrome DevTools 的 “Computed” 面板里点开 margin 或 padding 就能看到真实数值，别信网上流传的“固定 16px”说法。

display 类型不统一，直接导致盒模型行为突变

比如 <span> 是 inline，但 <button> 在 Blink 中是 inline-block；<img> 默认 display: inline，却会触发基线对齐（baseline），造成父容器莫名留白——这不是 bug，是规范行为。

立即学习“前端免费学习笔记（深入）”；

<input type="text">、<select>、<textarea>：默认 display: inline-block，可设 width/height
<table> 及其子元素（<tr>、<td>）：强制使用表格布局，display: table 系列，不能用 flex 直接控制子项
<details>：默认 display: block，但内部 <summary> 是 display: list-item（带默认 marker）

查 display 类型最稳的方式：选中元素 → Elements 面板 → 右侧 Styles 标签页 → 底部 “Computed” → 找 display 行。

font-size 和 line-height 依赖用户系统设置

<small> 不是固定缩小 80%，而是相对当前上下文的 font-size 计算；<h1> 的 font-size 在 Chrome macOS 上可能是 2em，Windows 上却是 1.8em —— 因为底层用了 system-ui 字体栈，而不同系统默认字号不同。

<body> 默认 font-size: 16px？仅当用户没改浏览器默认字号时成立（很多人调成 18px 或更大）
<input> 和 <button> 的 font-size 默认继承自 body，但部分浏览器会强制最小字号（如 iOS Safari 强制 ≥16px 防缩放）
line-height 对 <p> 这类块级元素默认是 normal（约 1.2），但实际渲染值取决于当前字体度量，无法跨字体复现

这意味着靠 em 或 rem 做精确行高控制时，必须配合 font-family 锁定，否则在用户换字体后会偏移。

reset.css 和 modern-normalize 的关键差异点

别再用老式 * { margin: 0; padding: 0; } 全局重置——它把 <fieldset> 的边框撑开逻辑、<hr> 的语义分隔意义全干掉了。

normalize.css 保留有意义的默认行为（如 <sub>/<sup> 的 vertical-align、<audio> 的宽高比例），只修正跨浏览器不一致
modern-normalize 更激进：移除 <button> 的默认 border（Blink 中是 2px outset），重置 <input type="search"> 的圆角和清除按钮样式
真正要“清空”时，优先用 all: unset（注意兼容性：IE 不支持，iOS Safari ≤15.4 有 bug）