应优先选用 normalize.css 并补充 box-sizing 和表单样式，因其标准化而非粗暴重置，避免按钮文字变小、表单错位等问题；reset.css 仅适用于从零手写 UI 的场景，且需手动修复表单控件样式。
直接用 reset.css 会导致按钮文字变小、表单错位
因为传统 reset.css（比如 Eric Meyer 版）粗暴清空所有元素的 font-size、line-height、margin 和 padding，连 button、input、select 这些原生控件的默认样式也一并抹掉。浏览器对这些控件的渲染本就依赖 UA 样式中的字号和行高，重置后若没手动补全，就会出现文字缩进异常、点击区域变窄、垂直对不齐等问题。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 别把
reset.css当“万能清洁剂”直接丢进项目；它适合从零手写 UI 的场景，但现代组件库或设计系统往往已内置样式逻辑，强重置反而破坏一致性 - 如果必须用
reset.css，至少在之后立即补一段针对表单控件的修复样式，例如：button, input, select, textarea { font: inherit; line-height: normal; } - 检查 DevTools 的 Computed 面板，确认
button的font-size是否被重置为100%却未继承父级——这说明 reset 切断了字体继承链
normalize.css 不是“无害”，它悄悄改了 vertical-align 和 display
normalize.css 不是“不改动”，而是有选择地标准化。它保留有用的默认行为（比如 h1 的字号层级、blockquote 的缩进），但会修正跨浏览器差异，比如统一 audio 和 video 的默认边框、调整 sub/sup 的 vertical-align 值。这些改动本身合理，但在已有样式深度定制的项目里可能触发意料之外的布局偏移。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 引入前先运行一次 diff：用浏览器打开一个含
sub、details、mark的测试页，关闭/开启normalize.css，观察 computedvertical-align和display是否变化 -
normalize.css对table的处理较保守，不会重置border-collapse，但会强制border-spacing: 0——如果你依赖旧版 IE 的默认间距，这里可能出缝 - 它的
prefers-reduced-motion相关规则只在最新版（v8.0+）中存在，老项目若用的是 v7.x，动画禁用逻辑压根没生效
现代项目优先选 normalize.css，但要补上 box-sizing 和表单视觉归一
normalize.css 本身不设 box-sizing: border-box，也不统一 input 边框、背景色或焦点环。Chrome 中 input 带圆角、阴影和浅灰背景，这是用户可感知的交互反馈，normalize.css 故意不碰——但它不等于“开箱即用”。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 在引入
normalize.css后，立刻加一行全局设置：* { box-sizing: border-box; } - 若需统一表单外观（比如做设计系统），必须手动覆盖：
input, button, select, textarea { border: 1px solid #ccc; background-color: #fff; } -
normalize.css默认不修改:focus样式，Chrome/Firefox 的焦点环颜色、宽度由 UA 决定，如需隐藏或定制，得显式写：button:focus, input:focus { outline: none; /* 或自定义 ring */ }
轻量级项目或框架内建环境更适合 minireset.css 或 ress
minireset.css 是极简方案，仅保留最必要的重置（如清除 body margin、统一列表缩进），体积小、无副作用，适合个人博客、静态站点或嵌入式页面；ress 则基于 normalize.css 增强，内置 box-sizing: border-box、优化无障碍光标、支持 CSS 变量，体积仅约 2KB，且适配现代框架。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用 React/Vue 的项目，直接引入
ress比normalize.css+ 手动补box-sizing更省事 -
minireset.css不处理 HTML5 元素显示模式（如article默认块级），也不修表单 bug，适合你已经用 Tailwind 或 Bootstrap 等框架、只需基础清理的场景 - 别同时引入
normalize.css和reset.css—— 它们规则大量重叠，CSS 体积翻倍，还可能因覆盖顺序导致不可预测的样式冲突
真正容易被忽略的，是「重置不是目的，而是起点」：无论选哪个方案，都要立刻检查 button 字号是否继承、input 边框是否可见、sub 垂直对齐是否偏移——这些细节不会报错，但会在用户点击、输入、滚动时悄悄暴露。
