浏览器拒绝应用CSS样式，因其MIME类型被识别为'text/html'而非'text/css'，主因是请求路径错误导致返回HTML页面（如404页），而非真实CSS文件；需先检查路径与服务器静态资源配置。
谷歌浏览器加载外部CSS文件时提示“Refused to apply style from 'xxx.css' because its MIME type ('text/html') is not a supported stylesheet MIME type”，说明浏览器收到了非text/css类型的响应，直接拒绝解析样式——这通常不是CSS写错了，而是请求根本没拿到CSS文件本身。
先确认是不是404导致的假MIME错误
打开开发者工具 → Network 标签页 → 刷新页面 → 找到报错的.css请求 → 点击它 → 查看 Response Headers 中的 Content-Type 值。
如果 Content-Type 显示的是 text/html，几乎可以断定：这个请求实际返回了一个 HTML 页面（比如 404 错误页、登录跳转页或后端路由兜底页），而不是真正的 CSS 文件。
此时不用调服务器MIME配置，先解决路径问题：检查 link 标签中的 href 是否拼写正确、大小写是否匹配（Linux服务器区分大小写）、是否漏了子目录层级，比如本该是 css/style.css 却写成了 style.css。
立即学习“前端免费学习笔记（深入）”；
避免用 file:// 协议直接双击打开HTML
本地开发时，直接双击 HTML 文件用 Chrome 打开，会走 file:// 协议——这时浏览器根本没有 HTTP 响应头，系统也无法提供 MIME 类型，Chrome 就可能拒绝加载 CSS。
方法一：用 Python 快速起服务
终端进入项目根目录，执行：python -m http.server 8000 → 浏览器访问 http://localhost:8000/your-page.html。
方法二：用 Node.js 的 http-server
全局安装：npm install -g http-server → 进入项目目录 → 执行：http-server → 访问 http://localhost:8080。
【必须用 http:// 开头的地址访问，不能用 file://】
检查并修正服务器的 MIME 配置
如果你已部署到 Nginx、Apache 或自建 Node 服务，但问题仍在，说明服务器没把 .css 文件当作 text/css 返回。
第一步：确认 Nginx 配置中已启用 mime.types
在 nginx.conf 的 http 块里，确保有这一行：include mime.types;；再检查 mime.types 文件里是否包含 text/css css; 这一行。
第二步：若仍不生效，强制为 .css 路径设置类型
在 server 或 location 块内添加：
location ~ \.css$ {<br> add_header Content-Type text/css;<br>}
第三步：重启 Nginx 并验证
执行 nginx -t && nginx -s reload，然后用命令行检查真实响应头：curl -I http://localhost/your.css，确认输出中包含 Content-Type: text/css。
IE注册表残留问题（仅影响老旧IE环境）
如果只有 IE 浏览器报 SEC7113 错误，而 Chrome/Edge 正常，需检查 Windows 系统注册表是否将 .css 文件错误映射为其他类型。
按 Win+R → 输入 regedit → 定位到 HKEY_CLASSES_ROOT\.css → 右侧查看 Content Type 的值是否为 text/css。
如果不是，请双击修改为 text/css，改完无需重启，立即生效。
