捋捋这个小问题:
/ 代表根目录,慎用
../ 代表上一级目录
../../ 代表上两级目录
/.. 代表下级目录
/../.. 代表下两级目录
简单举例:
根目录下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.youkuaiyun.com/qq_18144905/article/details/83025912