all: unset 不能彻底清空盒模型默认属性，因其仅重置继承属性，对 margin、padding、border、box-sizing 等非继承属性无效，仍保留 UA 样式；需显式声明 + box-sizing 统一控制。
不能只靠 all: unset 彻底清空盒模型默认属性——它对浏览器 UA 样式（比如 button 的边框、body 的 margin）完全无效。
为什么 all: unset 不等于“清空盒模型”
all: unset 只重置继承属性为 unset，非继承属性（如 margin、padding、border、box-sizing）会保留浏览器 user-agent stylesheet 的默认值，而不是 CSS 规范的初始值（initial value）。例如：
-
margin的规范初始值是0，但 UA 给body设了8px——all: unset不动它 -
border的初始值是none，但input和button在 Chrome 中默认有边框 ——all: unset也不清除 -
box-sizing初始值是content-box，但你通常想要border-box——unset会把它设回content-box，反而坏事
真正能控制盒模型的写法：显式覆盖 + box-sizing 统一
要可靠重置盒模型，必须组合使用显式声明和继承策略：
- 用通配符或现代选择器重置关键非继承属性：
margin: 0、padding: 0、border: none、outline: none - 统一
box-sizing：在html上设box-sizing: border-box，再让所有元素继承：*, *::before, *::after { box-sizing: inherit; } - 如果要用
all，优先选all: initial（它强制所有属性回到规范初始值），但注意这会让display变成inline，需额外补display: block或按需设置
all: unset 的合理使用场景
它适合局部、轻量级样式隔离，比如组件内部重置子元素的继承样式，而非全局重置：
- 按钮组件内清除文字样式继承：
button .icon { all: unset; }，再单独设width、height、background - 卡片标题清除父级 font/color 影响，但保留自身 UA 的
display和margin（如果你本就依赖这些） - 配合
:where()做现代 Reset 时，all: unset是起点，后面必须跟display: revert或显式display恢复，否则h1会变inline
真正麻烦的地方不在语法，而在判断：哪些属性你希望“回归规范初始值”，哪些你其实想“保留浏览器默认行为”——unset 不帮你做这个选择，它只执行规则。漏掉 border 或误用 box-sizing: unset 是最常被忽略的坑。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
