文件路径的引入写法

捋捋这个小问题：

/ 代表根目录，慎用 
../ 代表上一级目录 
../../ 代表上两级目录 
/.. 代表下级目录 
/../.. 代表下两级目录

简单举例：

根目录下a.html 要引入 b文件夹里的b.css，b可以理解为下级目录

<link rel="stylesheet" type="text/css" href="b/b.css" />

 

a.html和b.css同级目录的话：

直接引用 <link rel="stylesheet" type="text/css" href="b.css" />

或

<link rel="stylesheet" type="text/css" href="/b.css" />（但是上面说了，这个慎用啊，挺容易绕迷的）

 

同级目录下，a文件夹中的a.html要引入b文件夹中的b.css

<link rel="stylesheet" type="text/css" href="../b/b.css" />

 

../ 可以理解为先翻出自家文件夹这道墙，再进入人家b文件夹的门，拥抱b.css

绝对路径和行对路径，详情可以参考这篇文章，感谢作者

https://blog.csdn.net/qq_18144905/article/details/83025912