在 MacOS 上找不到 CSS 文件答案

【问题标题】：CSS file not found on MacOS在 MacOS 上找不到 CSS 文件
【发布时间】：2021-08-17 14:36:46
【问题描述】：

我是网络开发的初学者。我在 Mac 上使用 Python 和 Django。当我想将 CSS 链接到 HTML 时，这会在命令行中显示，而网页上仍然只是 html 文件中的文本。

命令行：

Not Found: /style.css
[29/May/2021 17:37:12] "GET /style.css HTTP/1.1" 404 2095

这是我的 HTML 文件：

<html>
    <head>
        <title>Webpage</title>
        <link rel="stylesheet" href="style.css"> 
    </head>

    <body>
       <p>Webpage</p>
    </body>
</html>

这是我的 CSS 文件：

body {
background-color: royalblue;
}

【问题讨论】：

能分享一下目录结构吗？
css文件在磁盘的什么位置？

标签： python html css django macos

【解决方案1】：

您的静态文件不匹配任何 URL 模式规则。从这里配置static files，也配置urls.pyfrom here用于开发

【讨论】：

【解决方案2】：

这可能是因为您的 CSS 文件与您正在处理的文件不在同一相对目录中。

如果您的服务器目录的根目录中有 CSS 文件，您可能需要将 / 添加到路径的开头。

例如，如果您的目录结构如下所示

.
├── homepage.html
├── index.html
├── other
│   └── test.html <-- The page you are accessing
└── style.css

如果在此页面中，您有<link rel="stylesheet" href="style.css">，它将不起作用，因为style.css 不在other/ 目录中。

这是因为，除非您指定，否则所有路径都是相对。

您可以指定您不需要相对路径，方法是在路径的开头添加/，后跟style.css 所在的目录。

<link rel="stylesheet" href="/styles/style.css">

/ 确保它适用于 HTML 目录中的任何文件

【讨论】：