reset.css必须作为第一个标签引入，否则其规则会被后续样式覆盖；需确保路径正确、rel="stylesheet"属性无误，并避免@import嵌套或动态插入导致顺序失效。
link标签引入reset.css必须放在最前面
重置样式表（如 normalize.css 或 modern-normalize.css）只有在自定义样式之前加载并解析完成，才能真正“归零”浏览器默认行为。如果它被写在 custom.css 后面，或者意外掉进 里，那它的规则大概率被覆盖或根本没机会执行。
常见错误现象：
表格边框依然有默认间距、h1 字体大小没变、button 在不同浏览器中表现不一致——表面看是 reset 没起作用，实际是它压根没被当样式表处理，或加载太晚。
-
<link>必须是的直接子元素，建议紧贴<title></title>下方 - 不要把它和框架 CSS（如 Bootstrap）混在一起排；reset 应该是第一个
link - 若用构建工具（Vite/Webpack），检查插件是否自动注入了其他
link，导致顺序错乱
href路径写错 = reset完全失效，90%问题出在这儿
路径不是看你在编辑器里右键打开的文件夹，而是以当前 HTML 文件的 URL 为基准计算。比如 HTML 地址是 /blog/post.html，你写 href="css/normalize.css"，浏览器就会去请求 /blog/css/normalize.css，而不是你本地开发时以为的 /css/normalize.css。
实操建议：
打开浏览器 Network 面板，筛选 css 类型，找状态码不是 200 的请求，点开看 “Initiator” 列，就能准确定位是哪个 HTML 文件发起的错误请求。
- 开发阶段统一用根相对路径：
href="/css/normalize.css"（开头带/） - CDN 引入更省心：
href="https://cdn.jsdelivr.net/npm/modern-normalize@latest/modern-normalize.css" - 本地双击打开 HTML 文件时，
file://协议下路径解析异常，务必用python -m http.server或 Vite 启服务验证
漏写 rel="stylesheet" 是静默失败的头号陷阱
没有 rel="stylesheet"，浏览器不会把那个 link 当作样式资源：不发请求、不报错、Elements 面板能看到标签，但 Styles 面板里空空如也。这是最隐蔽的问题——你改了十遍 CSS 文件，结果发现 link 根本没被识别。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
注意：type="text/css" 可以安全删掉，HTML5 中它是默认值，留着只多占字节；但 rel="stylesheet" 一个字母都不能少，拼成 rel="styleSheet" 或 rel="stylesheet "（末尾空格）都会失效。
- 检查是否误写为
rel="style"、rel="css"等非标准值 - 某些 CMS 或模板引擎会自动补全
rel，但手动写的一定要自己核对 - VS Code 可装 “Auto Rename Tag” 插件，避免改开头忘了改结尾
多个CSS文件顺序错乱，reset就等于没加
CSS 加载是串行阻塞的，浏览器按 link 出现顺序依次下载、解析、构建 CSSOM。reset 的作用靠的是“先声明、后覆盖”，一旦你的 base.css 里有一条 * { box-sizing: border-box } 出现在 reset 之前，那 reset 里同名规则很可能被跳过。
正确顺序只有一种：<link rel="stylesheet" href="normalize.css"> → <link rel="stylesheet" href="base.css"> → <link rel="stylesheet" href="custom.css">
- 非关键 CSS（如打印样式）可用
media="print"隔离，但它仍会下载，不影响主流程 - 别在 CSS 文件里用
@import再引 reset——它强制串行加载，拖慢首屏 - 移动端尤其敏感：顺序错会导致媒体查询断点不触发、字体加载延迟、表格列宽错乱
重置样式表不是加了就完事，它像地基——位置、路径、属性、顺序，四者任一出错，上层所有样式都可能在看不见的地方松动。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
