为什么我在尝试获取我的 css 文件时收到错误 404？答案

【问题标题】：Why am I getting an Error 404 when I try to GET my css file?为什么我在尝试获取我的 css 文件时收到错误 404？
【发布时间】：2021-09-23 22:15:08
【问题描述】：

我正在尝试在与我的 HTML 文件相同的目录中导入一个 css 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home Page</title>
    <link rel="stylesheet" href="./styles.css">
</head>

我相信我使用 ./ 浏览我的目录是正确的。我也尝试过使用 ../

但是，在我的 chrome 开发工具中，我收到了这个错误：

Failed to load resource: the server responded with a status of 404 (NOT FOUND)

任何帮助将不胜感激。谢谢！

【问题讨论】：

标签： html css directory

【解决方案1】：

这绝对是错误的链接。你需要检查你的文件路径，这个项目只是在你的桌面上吗？它是 ASP.NET 应用程序吗？根据项目所在的位置/项目，您应该可以安全地使用.. 向上遍历一个文件夹

【讨论】：

【解决方案2】：

这真的取决于你的目录文件夹的结构，但如果你的 HTML 和 CSS 文件在同一个文件夹中，你可以使用<link rel="stylesheet" href="/styles.css"> （注意没有点），那么你的 html 文件将在您项目的根文件夹，还要确保名称 styles.css 与您的 css 文件相同

【讨论】：

【解决方案3】：

由于你把html文件和css文件放在同一个文件夹里，所以不用./或者../，因为只有css文件在html文件旁边的另一个文件夹中才写这一步

【讨论】：

【解决方案4】：

开源公共文件效果最好。因此，请转至 https://gist.github.com 并注册（如果您尚未注册），命名文件（带扩展名，例如 style.css），然后粘贴您的 CSS3 代码，点击“创建秘密要点” ，然后单击原始。复制链接，这将是您的外部 CSS 文件。

-祝你好运！

【讨论】：