有很多刚刚接触css的新手有时会遇到css加载失败这个问题，但测试时，网页上没有显示该样式的问题，这就说明CSS加载失败了。出现这种状况一般是因为的css路径书写错，或者是在浏览器中禁止掉了css的加载，可以重新启动浏览器刷新，在文件中css的调用，一般都是通过link加上你的路径来实现，具体可以看下代码。
css加载失败代码
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>index</title>
<linkrel='stylesheet'type='text/css'href='./css/index1.css'>//注意好文件名的书写就没问题了。
造成css加载失败的原因有很多，这可能跟你代码出错，浏览器、路径、编码等等都是有关联的。所以在具体情况具体分析。
常见CSS页面加载失败原因
（1）路径错误
在外部引用CSS样式时，路径选择错误，CSS样式就会不加载。所以在写CSS路径时一定要细心
（2）浏览器兼容性问题
在CSS3中有很多属性对浏览器有兼容问题，比如-moz-为前缀的只适合Firefox浏览器，-webkit-为前缀的适合Chrome浏览器等等，如果在代码中没有考虑兼容性问题，网页效果依旧不会加载出来
例
<style>
div{
width:100px;
height:100px;
background:pink;
animation:demo5s;
-moz-animation:demo5s;/*Firefox*/
-webkit-animation:demo5s;/*Chrome*/
}
@-webkit-keyframesdemo{
from{background:pink;
}
to{background:hotpink;}
}
}
</style>
总之，css加载失败给大家简单的介绍了一些，希望大家多看看。