修改html页面不起作用,外部css不起作用是什么原因？

HTML使用CSS样式一共有如下三种方式：1.内联样式- 在HTML元素中使用"style"属性；2.内部样式表 -在HTML文档头部 区域使用；3.外部引用 - 使用外部 CSS文件。

在实际开发过程中，为了方便维护，HTML一般都是外部导入CSS样式的。因此，新手使用CSS样式遇到的问题一般是外部导入的CSS不起作用。

下面我们来看一下外部css不起作用的原因：

一、外部css文件样式全部不起作用asp.net 页面引用路径的问题

缺少必须属性 这个“rel”属性必须有

css编码问题

二、外部css文件只是背景图片不起作用

1.图片路径不正确

注意：：在css样式表中写的background-image:url(图片的路径为相对本css文件的路径，而不是我们通常认为的相对加入css样式的网页的路径);

例如：在当前目录下有 index.html 和 css文件夹(里面包含：css.css) 和 images文件夹(里面包含top.jpg)

错误的认为和写法：background-image:url("images/test.jpg"); ----------------------------------->>错误的认为图片的路径应该是针对index.html网页来说的。

正确的认为和写法：background-image:url("../images/test.jpg");----------------------------------->图片的路径应该写的是相对css.css文件的路径

其中 ../ 表示的是上一级目录，不要写成 ./ 这是表示当前目录。

2.引号问题

错误的认为和写法：background-image:url('images/test.jpg'); ----------------------------------->>如果用Visual studio 自带的样式生成器那么生成的就是这种用单引号''引起来的。但是应该是双引号

正确的认为和写法：background-image:url("../images/test.jpg");----------------------------------->图片的路径应该写的是相对css.css文件的路径