2023-03-30 16:55:02 相对路径是指在 HTML 或 CSS 中，引用文件时使用的相对于当前文件的路径。相对路径可以让我们在不使用绝对路径的情况下引用本地文件或者同目录下的文件。
相对路径是指在 HTML 或 CSS 中，引用文件时使用的相对于当前文件的路径。相对路径可以让我们在不使用绝对路径的情况下引用本地文件或者同目录下的文件。
相对路径有两种基本格式：
1、相对于当前文件的路径：
./：表示当前目录。
../：表示上级目录。
例如，如果我们有一个HTML文件和一个同目录下的图片文件夹，可以使用以下代码来引用图片：
<img src="./images/picture.jpg">
上面的代码中，./表示当前文件所在的目录，因此图片的相对路径就是./images/picture.jpg。
2、相对于根目录的路径：
/：表示网站根目录。
例如，如果我们有一个HTML文件和一个网站根目录下的CSS文件夹，可以使用以下代码来引用CSS文件：
<link rel="stylesheet" href="/css/style.css">
上面的代码中，/表示网站根目录，因此CSS文件的相对路径就是/css/style.css。
需要注意的是，相对路径的使用需要根据具体情况进行调整。如果文件所在的目录发生变化，相对路径也需要进行相应的修改。