99%的CSS解析错误是因服务器返回HTML而非CSS文件，需检查Network中响应内容、路径是否正确、静态资源目录配置、Content-Type响应头及HTTPS混合内容问题。
直接访问 CSS 文件 URL 看返回内容
浏览器报这个错，99% 不是 CSS 写错了，而是根本没拿到 CSS 文件——它收到了一个 HTML 页面（比如 404、登录页、后端兜底路由页），却当成 CSS 去解析。打开 DevTools → Network 标签页 → 刷新页面 → 找到报错的 layer.css 或 layui.css 请求 → 点击它 → 查看 Response 选项卡：如果显示的是 HTML 代码（比如有 <html>、<title> 或登录表单），说明路径 404 了。
检查 <link> 的 href 路径是否真实存在
常见错误不是拼写错，而是路径层级算错或静态资源没放对位置：
-
href="./skin/layer.css"却实际文件在./layer.css—— 多了一层skin/目录 -
href="../css/layui.css"在当前 HTML 所在目录结构里向上找一级后并不存在css/子目录 - 用 Express / Spring Boot 等服务时，CSS 文件没放在
public/、static/或配置的静态资源根目录下 - 本地双击 HTML 文件（
file://协议）—— 浏览器不发请求头，服务器逻辑不触发，file://下无 MIME 类型可言，Chrome / Edge 会直接拒载同目录 CSS
确认服务器返回的 Content-Type 是 text/css
即使路径对、文件存在，若服务端没正确设置响应头，浏览器仍会拦截：
- Nginx：检查
mime.types是否包含text/css css;，且配置中已include mime.types; - Express：优先用
express.static('public')，别用res.sendFile()不带 headers；若必须用，显式传{ headers: { 'Content-Type': 'text/css' } } - Spring Boot + Thymeleaf：确保
thymeleaf.cache: false开启（开发时），且路径没多写static（如@{/static/css/layui.css}错，应为@{/css/layui.css}） - Python Flask：用
send_from_directory()，别用send_file()手动读取字符串再返回
别忽略 type 属性和协议混用
虽然 HTML5 允许省略 type，但显式声明仍是稳妥做法：
立即学习“前端免费学习笔记（深入）”；
<link rel="stylesheet" href="layui.css" type="text/css"> —— type 必须是 text/css，不能是 text/plain 或空值。
另一个隐蔽点：页面用 HTTPS 加载，但 href 写的是 HTTP 地址（如 http://192.168.101.12:5502/skin/layer.css），现代浏览器会因混合内容策略静默阻止，并可能返回空响应或重定向到 HTML 登录页，最终表现为 MIME 错误。
真正难排查的，往往是路径看似合理、文件确实存在、但被某层路由中间件悄悄劫持并返回了 HTML —— 所以第一步永远是直接在浏览器地址栏敲开那个 CSS 链接，看它到底返回什么。
