必须放在中且含rel="stylesheet"和正确href路径，否则样式不生效；浏览器解析顺序导致fouc或ie忽略，路径以html所在目录为基准，rel属性拼写错误将静默失效。
必须用 <link> 标签，且必须放在 里，缺 rel="stylesheet" 或路径错，样式就彻底不生效。
为什么 <link> 一定要写在
浏览器从上到下解析 HTML，<link> 在 里会延迟应用样式，造成 FOUC（页面先无样式闪一下再渲染）；更严重的是 IE6–8 直接忽略 中的 <link>，整页没样式。
- 实操建议：紧贴
<title></title>后或<meta>标签之后放<link rel="stylesheet" href="style.css"> - 别信“放底部能加快首屏”，那是 JS 的逻辑，CSS 放错位置只会让视觉体验变差
- 如果用了 SSR 或静态生成，
位置错误还可能导致服务端渲染出的 HTML 和客户端不一致
href 路径写错是 404 的主因，怎么快速定位
开发者工具 Network 面板里看到 style.css 显示 404，90% 是路径问题。关键点：路径始终以 HTML 文件所在目录为基准，不是 CSS 文件位置，也不是当前编辑器打开的文件夹。
- 相对路径示例：
href="css/style.css"表示 HTML 所在目录下的css/子目录中找style.css - 不确定时优先用绝对路径：
href="/assets/css/main.css"（从网站根目录开始，注意开头的/） - 避免
../嵌套三层以上，移动 HTML 文件后极易失效 - 检查 Network 面板的 “Initiator” 列，能直接看到是哪个 HTML 文件发起了这个失败请求
rel="stylesheet" 漏写或拼错，浏览器直接无视
没有 rel="stylesheet"，或者写成 rel="style"、rel="css"，浏览器就不认为这是样式资源，href 值再对也不会发起请求——Network 面板里甚至看不到这条记录。
- 必须完整写成
rel="stylesheet"，大小写敏感，不能少引号 -
type="text/css"已过时，现代浏览器不需要，写了不报错但没必要 - 别加空格或换行在属性值中间：
rel= "stylesheet"或rel="stylesheet"（末尾空格）都可能被某些解析器误判
多个 <link> 的加载顺序决定样式覆盖结果
CSS 规则按 <link> 在 HTML 中出现的顺序叠加，后加载的同权重规则会覆盖前面的。改了 CSS 没反应，大概率是被后面某个 <link> 覆盖了。
- 推荐顺序：
reset.css→components.css→page.css→override.css - 别在页面底部动态插入
<link>来“临时补样式”，维护成本爆炸，且容易和构建工具的资源注入逻辑冲突 - 媒体查询（
media="print"）不影响加载顺序，只控制是否应用，写错 media 值会导致样式完全不生效
最容易被忽略的其实是路径基准和 rel 属性的严格性——它们不报错，也不给提示，只是静默失效。调试时先盯死 Network 面板里有没有那个请求，再看 initiator 和响应状态，比翻代码快得多。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
