服务器不加载 CSS 样式表的原因:
● html 文件中, 引用 CSS 样式表的路径填写错误导致的.
● nginx 做代理后的虚拟路径和静态资源的请求路径不一致导致的.
● 样式文件编码和网页编码不一致, 导致不能解析 CSS 样式.
(推荐学习: CSS 视频教程 https://www.html.cn/css/ )
解决方法:
1, 可以按下 f12 看是否有 CSS 文件报 404 错误, 如果有就是路径填写错误, 修改相应的 HTML 文件即可.
2,nginx 无法加载 CSS 的解决方法
设置 location 如下:(location 在 nginx 的配置文件中配置)
- location ~.*(JS|CSS|PNG|gif|jpg|mp3|ogg)$ {
- # root 的内容填写静态资源目录
- root /home/kzl/data/App/;
- }
3, 在 CSS 文件开头加上指定编码的语句
@charset "utf-8";
来源: http://www.css88.com/qa/css3/15202.html