相对路径/绝对路径

路径主要是为了在文件中引入外部资源，路径分为相对路径和绝对路径两种。

绝对路径

绝对路径指的是文件在硬盘上真正存在的路径。 例如，在电脑E盘里面的book文件夹里面的“网页布局”文件夹里面有一个bg.jpg图片，现在我需引入bg.jpg这张图片，用绝对路径需要这样写：

这种路径看起来很好理解，但是在实际应用中却有很多问题，比如你的项目拷贝到了你同学的电脑上，你就会发现你引入的图片，或者样式文件没有了。这是因为你引入样式或者图片资源的时候是这样写的:

但是如果在另一个电脑上式根本没有此路径，所以计算机根据你给的路径无法找到要引入的文件。
因此我们要尽量避免使用绝对路径。

相对路径

为了避免绝对路径造成的页面资源丢失现象，在引入外部资源的时候，都会选择使用相对路径。
所谓相对路径就是相对于文件自身位置，去寻找要引入的资源文件

./:当前文件夹目录，比如在下面这个目录结构下 (test文件夹下有index.css和indexhtml两个文件) ，要在index.html中引入index.css就需要用到 ./

../:回到上一级文件夹目录,比如下面这个文件目录结构中(index.html在test文件夹里面，index.css和test文件夹在同-级目录下) ，我们要在index.html中引入index.css文件，首先要从index.html文件所在目录即test文件夹里出来，才能找到index.css，从某个文件夹里面出来，就要用到 ../

用相对路径引入文件记住三点
找到引引用资源的文件所在位置，以引用资源的文件为基准，寻找资源
../返回一层，如果有多层，就用多个../，比如返回两层就用
文件夹名代表进入该文件夹，例如css/，表示进入css文件夹，比如从test文件夹里出来进入css文件夹找到index.css文件，可以这样写 ../css/index.css