为什么外部css样式表的位置很重要？

我是一个初学者程序员，已经阅读了一些参考资料，但我不明白为什么外部css样式表的位置很重要。例如，分别更改文件链接和文件位置将确定图片是否加载：

css中的一个简单行：

body {
    background: url(./images/test.jpg) center center fixed no-repeat;
}

这将加载一张图片：

<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

这不会：

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />

---

为什么？

图像位置相对于CSS文件的位置，而不是HTML文件的位置。

这是因为您的

CSS

文件夹中没有

images

文件夹。它与

css

文件相关，而不是

html

文件

您可以这样修复它：

body {
    background: url(../images/test.jpg) center center fixed no-repeat;
}

这首先进入根目录，然后进入images文件夹

然后您可以使用css行：

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />

css文件夹中没有图像文件夹。+1-图像文件夹。在路径中，指向当前目录（css文件所在的目录）。您需要一个硬编码路径（/images/test.jpg）或一个目录下的相对路径（../images/test.jpg）。您的回答信息量最大。谢谢你的回答。没问题，我们来这里是为了什么。