[摘要]在页面布局时，都主张结构与样式分离，但是有些时候，css样式不能成功加载，这是为什么呢？这篇文章主要讲了CSS加载失败的6个原因，有需要的朋友可以参考一下，希望对你有用。有很多刚刚接触css的新手有...
在页面布局时，都主张结构与样式分离，但是有些时候，css样式不能成功加载，这是为什么呢？这篇文章主要讲了CSS加载失败的6个原因，有需要的朋友可以参考一下，希望对你有用。
有很多刚刚接触css的新手有时会遇到css加载失败这个问题，但测试时，网页上没有显示该样式的问题，这就说明CSS加载失败了。出现这种状况一般是因为的css路径书写错，或者是在浏览器中禁止掉了css的加载，可以重新启动浏览器刷新，在文件中css的调用，一般都是通过link加上你的路径来实现，具体可以看下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
<link rel='stylesheet' type='text/css' href='./css/index1.css'>//注意好文件名的书写就没问题了。
第三个原因是，我们编在写CSS时，可能使用了if判断语句对什么浏览器调用什么CSS文件时疏忽造成if调用的混乱，导致在某些浏览器上能正常显示，在某些浏览器上不能正常显示。对于这个原因，解决方法就是好好检查造成CSS加载失败的if判断设置。
在Chrome浏览器的错误控制台下看看css文件有没有加载进来，确定已加载的话，检查元素的类名与CSS中定义的类名是否相同。可能局限于ie浏览器，你用谷歌浏览器就会出现错误。所以尝试换个浏览器，然后等会在用，也可能修复故障。
如果不是上述问题则看一看你的CSS文件的字符集是否和你的调用CSS文件的网页的字符集是否一致，就是charset属性那里。在你使用浏览器进行浏览效果的时候，ie浏览器中菜单栏上有一个“查看--编码”，在查看编码上面UTF-8或者GBK看看是不是同一个编码。可能是编码不一致所造成。