本文摘自PHP中文网,作者藏色散人,侵删。
外接css不起作用的原因:1、关联路径出错;2、样式表保存的编码错误;3、浏览者网速慢或空间速度慢导致CSS加载失败;4、浏览器兼容性问题导致css不起作用。
本教程操作环境:Dell G3电脑、Windows7系统、css3版本。
外接css不起作用?
原因:
1、关联路径出错
网页打开时,没有显示CSS设定的样式,只以原始状态显示。那么就可能是我们CSS文件路径出错。
1 |
|
解决办法:引用正确的css路径,确认关联的样式位置、名字是否正确
2、样式表保存的编码错误
需要看一看你的CSS文件的字符集是否和你的调用CSS文件的网页的字符集是否一致,就是charset属性那里。
解决办法:在你使用浏览器进行浏览效果的时候,ie浏览器中菜单栏上有一个“查看--编码”,在查看编码上面UTF-8或者GBK看看是不是同一个编码。可能是编码不一致所造成,改为同一编码。
3、没有加载成功
网络原因
IIS空间不足、浏览者网速慢、空间速度慢等网络因素是造成CSS加载失败的原因之一。
解决办法:更换网络、刷新缓存
浏览器兼容性问题
由于我们本身的CSS代码写法有问题,没有设置好造成在各浏览器显示不同布局差距效果。在CSS里面,我们称为css hack。
css hack指各版本及各品牌浏览器之间对CSS解释后出现网页内容的兼容bug误差(比如我们常说错位)的处理。
推荐:《css视频教程》
以上就是为什么外接css不起作用的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者