在实际开发过程中，为了方便维护，HTML一般都是外部导入CSS样式的。因此，新手使用CSS样式遇到的问题一般是外部导入的CSS不起作用。
下面我们来看一下外部css不起作用的原因：
一、外部css文件样式全部不起作用
asp.net 页面引用路径的问题
缺少必须属性<link rel="stylesheet" type="text/css" href="css/css.css"/> 这个“rel”属性必须有
css编码问题
二、外部css文件只是背景图片不起作用
1.图片路径不正确
注意：：在css样式表中写的background-image:url(图片的路径为相对本css文件的路径，而不是我们通常认为的相对加入css样式的网页的路径);
例如：在当前目录下有 index.html 和 css文件夹(里面包含：css.css) 和 images文件夹（里面包含top.webp）
错误的认为和写法：background-image:url("images/test.webp"); ----------------------------------->>错误的认为图片的路径应该是针对index.html网页来说的。
正确的认为和写法：background-image:url("../images/test.webp");----------------------------------->图片的路径应该写的是相对css.css文件的路径
其中 ../ 表示的是上一级目录，不要写成 ./ 这是表示当前目录。
2.引号问题
错误的认为和写法：background-image:url('images/test.webp'); ----------------------------------->>如果用Visual studio 自带的样式生成器那么生成的就是这种用单引号''引起来的。但是应该是双引号
正确的认为和写法：background-image:url("../images/test.webp");----------------------------------->图片的路径应该写的是相对css.css文件的路径
以上就是外部css不起作用是什么原因？的详细内容，更多请关注易知道|edz.cc其它相关文章！
