CSS页面加载失败的原因有哪些-木庄网络博客

CSS页面加载失败的原因有哪些

2022-03-27 20:15:39 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者清浅，侵删。

CSS加载失败的常见原因有：路径错误、浏览器不兼容、网络原因、编码格式不同等错误

才刚刚入门CSS，经常会碰到CSS加载失败的问题，网页上什么样式都没有，今天将要和大家分享的是常见的CSS加载失败的原因，具有一定参考作用，希望对大家有所帮助。

【推荐课程：CSS教程】

常见CSS页面加载失败原因

（1）路径错误

在外部引用CSS样式时，路径选择错误，CSS样式就会不加载。所以在写CSS路径时一定要细心

（2）浏览器兼容性问题

在CSS3中有很多属性对浏览器有兼容问题，比如-moz-为前缀的只适合Firefox 浏览器，-webkit-为前缀的适合Chrome浏览器等等，如果在代码中没有考虑兼容性问题，网页效果依旧不会加载出来

例

<style>
div{
width: 100px;
height:100px;
background: pink;
animation: demo 5s ;
-moz-animation: demo 5s;    /* Firefox */
 -webkit-animation: demo 5s;    /*Chrome */
}
@-webkit-keyframes demo{
from{background: pink;
}
to{background: hotpink;}
}
}
</style>