为什么外接css不起作用

外接css不起作用的原因：1、关联路径出错；2、样式表保存的编码错误；3、浏览者网速慢或空间速度慢导致CSS加载失败；4、浏览器兼容性问题导致css不起作用。

本教程操作环境：Dell G3电脑、Windows7系统、css3版本。

外接css不起作用？

原因：

1、关联路径出错

网页打开时，没有显示CSS设定的样式，只以原始状态显示。那么就可能是我们CSS文件路径出错。　

<link rel="stylesheet" href="css/index.css"/>

解决办法：引用正确的css路径，确认关联的样式位置、名字是否正确

2、样式表保存的编码错误

需要看一看你的CSS文件的字符集是否和你的调用CSS文件的网页的字符集是否一致，就是charset属性那里。

解决办法：在你使用浏览器进行浏览效果的时候，ie浏览器中菜单栏上有一个“查看--编码”，在查看编码上面UTF-8或者GBK看看是不是同一个编码。可能是编码不一致所造成，改为同一编码。

3、没有加载成功

• 网络原因

IIS空间不足、浏览者网速慢、空间速度慢等网络因素是造成CSS加载失败的原因之一。

解决办法：更换网络、刷新缓存

• 浏览器兼容性问题

由于我们本身的CSS代码写法有问题，没有设置好造成在各浏览器显示不同布局差距效果。在CSS里面，我们称为css hack。

css hack指各版本及各品牌浏览器之间对CSS解释后出现网页内容的兼容bug误差(比如我们常说错位)的处理。

推荐：《css视频教程》

以上是为什么外接css不起作用的详细内容。更多信息请关注PHP中文网其他相关文章！