如何链接位于另一个文件夹中的 HTML 文件中的 CSS 文件

Question

我的链接看起来像这样

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

从图中可以看出header.ejs文件的路径是/views/partials/header.ejs ，而all.css文件位于styles/all.css 。 如何链接这两个文件？

Answer 1

将其更改为

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

说明：如果您只从header.ejs文件返回一个文件夹，则您header.ejs文件夹views 。 那里没有存储styles文件夹。 所以你需要再返回一个文件夹。

Answer 2

我认为你需要使用

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

在转到 /style/all.css 之前转到 Personal_website 目录

希望这有帮助:)

Answer 3

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

那应该工作。

• 图像是否与引用它的文件位于同一目录中？
• 图像在下面的目录中吗？
• 图像在上面的目录中吗？

“下面”和“上面”是指子目录和父目录。 相对文件路径为我们提供了一种双向传输的方式。 看看我的原始例子：

以下是您需要了解的有关相对文件路径的所有信息：

• 以“/”开头返回根目录并从那里开始
• 以“../”开始向后移动一个目录并从那里开始
• 以“../../”开始向后移动两个目录并从那里开始（依此类推......）
• 要前进，只需从第一个子目录开始并继续前进