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

Question

我是一名初学程序员并且已经查看了几个资源，但我无法弄清楚为什么外部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" />

为什么？

Answer 1

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

Answer 2

因为images文件夹中没有css文件夹。它与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" />