引入外部 css 必须写在 中，rel="stylesheet" 和 href 缺一不可；href 路径需正确（相对路径以 html 文件位置为基准，根目录路径加斜杠），且服务器需返回 text/css mime 类型、css 语法无误、缓存已更新。
怎么用 <link> 引入外部 CSS 文件
必须写在 里，且 rel="stylesheet" 和 href 缺一不可。浏览器只认这个组合，写成 rel="style" 或漏掉 rel 都会静默失败——页面不报错，但样式就是不生效。
-
href值要是有效路径：相对路径（如./css/main.css）或绝对 URL（如https://cdn.example.com/style.css），路径错一个字符就 404 - 推荐用
type="text/css"，虽然现代浏览器已不强制，但某些旧版 IE 或严格校验工具会警告 - 避免在
里放<link>：可能触发重排，也可能被部分爬虫忽略
<link> 的 href 路径为什么总 404
根本原因不是语法错，而是路径解析逻辑和当前 HTML 文件位置强相关。浏览器以 HTML 文件所在目录为基准解析相对路径，不是以当前网页 URL 或服务器根目录为准。
- 如果 HTML 在
/blog/post.html，而 CSS 写成href="css/style.css"，实际请求的是/blog/css/style.css，不是/css/style.css - 用开发者工具的 Network 标签页看真实请求地址，比猜路径更可靠
- 想从根目录开始找，就加斜杠：
href="/css/style.css"；想确保跨环境一致，优先用绝对 URL 或构建工具处理路径
多个 <link> 的加载顺序和覆盖规则
CSS 是阻塞渲染的资源，浏览器按 <link> 在 HTML 中出现的顺序依次下载、解析、应用。后加载的样式会覆盖前面同名选择器的声明，但仅限于相同权重。
- 后面
<link>里的.btn { color: red }会覆盖前面的.btn { color: blue } - 但如果前面是
#header .btn（权重更高），后面只写.btn就压不住它 - 不要依赖“后引后赢”来 hack 样式，容易在动态插入或异步加载时失效
为什么加了 <link> 还没样式？检查这三件事
90% 的“引入失败”其实卡在这三个地方，而不是标签本身写错了。
立即学习“前端免费学习笔记（深入）”；
- 服务器返回的 CSS 文件 MIME 类型不是
text/css：Nginx/Apache 需配types { text/css css; }，否则 Chrome 会拒绝执行 - CSS 文件里有语法错误（比如少了个
}），导致整张表解析中断——用浏览器 DevTools 的 Console 看有没有Failed to parse CSS提示 - 缓存问题：改了 CSS 但浏览器还在用旧版本，强制刷新（
Ctrl+Shift+R）或检查 Network 里文件响应头的Cache-Control
路径、MIME、语法，三者齐备才真正算“连上了”。少一个，<link> 就只是个摆设。
