有时当我们打开网页时, 网页布局完整, 但却没有任何布局样式显示. 这是什么原因? 为什么网站 CSS 样式不加载了? 下面给大家介绍一些无法加载 CSS 样式的原因.
网站 CSS 样式不加载, 可能是因为 CSS 样式加载失败了. 而造成 CSS 加载失败的原因有很多, 这可能跟你代码出错, 浏览器, 路径, 编码等等都是有关联的. 所以在具体情况具体分析. 最常见的失败原因有以下几类:
1, 路径错误或者代码不兼容
如果网页打开时, 没有显示 CSS 设定的样式, 只以原始状态显示. 那么就可能是我们 CSS 文件路径出错或者 CSS 代码不兼容了.
CSS 代码可能有浏览器兼容问题, 尝试换个浏览器, 然后等会在用, 也可能修复故障.
2, 网络原因
IIS 空间不足, 浏览者网速慢, 空间速度慢等网络因素是造成 CSS 加载失败的原因之一, 其具体表现为: 当我们打开网页时, 网页布局完整, 但却没有任何布局样式显示.
3, 浏览器中禁止掉了 CSS 的加载
4, 编码不对
例如: html 页面编码与 CSS 编码不同 (如 HTML 为 gbk,CSS 为 utf-8)
可以看一看你的 CSS 文件的字符集是否和你的调用 CSS 文件的网页的字符集是否一致, 就是 charset 属性那里. 在你使用浏览器进行浏览效果的时候, IE 浏览器中菜单栏上有一个 "查看 -- 编码", 在查看编码上面 UTF-8 或者 GBK 看看是不是同一个编码. 可能是编码不一致所造成.
CSS 文件中如果未指定 @charset 头声明, 会导致 IE 默认使用页面编码来解码 CSS 文件 (DEMO 中 IE 浏览器使用 gbk 来解码一个 utf-8 的 CSS 文件).
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/16866.html