路径查找

1.第一种情况：css中background-image背景图片路径设置

web项目中经常会用到background-image:url()，很多小伙伴不知道该怎么写需要的图片路径。

在此之前先要知道几个重要的东东：

假设有项目结构路径如下：

在style.css文件中为某个html元素设置background-image，所使用的图片为shadow_light.png，那么怎么设置路径呢？

那么可以这样设定图片路径：

style.css文件所在的目录（即当前目录）下的image文件夹中的shadow_light.png图片，也就是./image/shadow_light.png。

style.css文件的父级目录（style.css所在的目录是Content，所以它的父级目录就是Content所在的目录）下的Content文件夹中的image文件夹中的图片shadow_light.png，也就是../Content/image/shadow_light.png。

根目录下的Content文件夹中的image文件夹中的图片shadow_light.png，也就是/Content/image/shadow_light.png。

在D盘的有一个A文件夹，A文件夹里面有一个B.html文件和一个C文件夹,然后C文件夹里面有一个D.html文件

相对路径：相对于当前文件所在目录的路径

./ 表示当前文件所在目录如：在B.html 文件中：<a href = "./C/D.html"></a> 这样就可以访问到C文件夹里面的D.html文件

../表示当前文件所在目录的上级目录如：在D.html 文件中：<a href="../B.html"></a> 这样就可以访问到上级目录（即A文件夹）里面的B.html文件

其实使用相对路径是可以无限套娃的，具体怎么套？自己想想看，嘿嘿

绝对路径：在本机中，相对于当前主机，在项目中，可以是当前项目（具体看使用场景）

在本机中，如：D:/A/B.html 以及 D:/A/C/D.html 就是绝对路径

在项目（网页）中：/ 就代表当前项目的根目录，这里注意，当你使用VS Code这个软件写html代码时，无论你这个html文件创建在哪里，只要不是以一整个文件夹放到VS Code里面,那么这个 / 就会指向VS Code安装的位置的根目录（假设VS Code安装在D盘，那么 / 就会指向D盘）