90%的css加载失败源于link标签href路径错误：路径必须相对于html文件位置，而非css文件或项目根目录；相对路径用./（同级）或../（上一级），禁用中文/空格/反斜杠；link须置于head中且rel="stylesheet"不可省略；file://协议下必须启用本地服务器（如live server）避免解析异常。
link标签的href路径写错导致样式不生效
本地样式文件加载失败，90% 是因为 href 路径没写对。浏览器不会报错，只会静默忽略——你看到页面没变样，但控制台连 404 都不显示。
- 路径必须相对于当前 HTML 文件位置，不是相对于 CSS 文件，也不是相对于项目根目录（除非用
/css/style.css这种绝对路径） - 用相对路径时，
./表示同级目录，../表示上一级；漏掉点或斜杠（比如写成css\style.css）在 Windows 下可能“碰巧”能用，但在 macOS/Linux 或某些服务器上直接失效 - 路径中不要带中文、空格或特殊符号；即使本地双击打开 HTML 能显示，换成本地服务器（如
python -m http.server）就立刻 404
link标签必须放在head中且type和rel不能省略
把 <link> 放在 里，或者漏写 rel="stylesheet"，样式大概率不加载——现代浏览器虽会尝试容错，但行为不可靠。
-
rel="stylesheet"是强制要求，不是可选属性；写成rel="style"或漏掉，Chrome/Firefox 都会跳过该链接 -
type="text/css"在 HTML5 中可省略，但如果你的项目要兼容旧版 IE（比如 IE8），建议保留；省略后在部分构建工具（如某些 Webpack 插件）中可能触发警告 - 不要用
<link href="style.css">自闭合写法：HTML 不支持自闭合标签，必须写成<link href="style.css">（虽然浏览器通常能容错，但校验工具会报错）
本地双击打开HTML时file://协议的限制
直接双击 HTML 文件用 file:// 协议打开，CSS 文件路径看似正确却加载失败，常见于跨目录引用或使用了 ../ 回退过多的情况。
- 浏览器出于安全限制，对
file://协议下的相对路径解析更严格；例如 HTML 在D:/project/page/index.html，CSS 在D:/project/css/style.css，href 写../css/style.css会被解析为D:/css/style.css（多退了一级） - 解决办法只有两个：改用本地服务器（如
npx serve或 VS Code 的 Live Server 插件），或把 CSS 放到与 HTML 同级或子目录下，用./css/style.css这类更稳妥的路径 - 不要试图用
file:///D:/project/css/style.css这种绝对路径：它只在你本机有效，无法部署，也无法被 Git 协作
检查是否被缓存或MIME类型错误
改完 CSS 文件内容，页面样式却没更新？或者控制台出现 The resource from “xxx.css” was blocked due to MIME type (“text/plain”) mismatch？那不是路径问题，是服务配置或缓存干扰。
- 浏览器强缓存 CSS：Ctrl+F5 强刷无效时，试试禁用缓存（DevTools → Network → 勾选 Disable cache），或给链接加版本参数：
href="style.css?v=1.0.1" - MIME 类型错误通常发生在用 Python 的
http.server或某些静态服务器时，它们默认把 .css 当作text/plain发送；解决方案是换用npx serve、live-server，或自己配 Nginx/Apache 的 MIME 映射 - VS Code 的 Live Server 默认启用缓存，改完 CSS 后需手动刷新，或在设置里关闭
liveServer.settings.donotShowInfoMsg并留意启动日志里的缓存提示
./style.css，再开一个本地服务器跑。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
