不加载CCS文件的HTML

Question

我尝试了很多其他答案的解决方案，但到目前为止没有什么效果。我的CSS文件没有被我的HTML使用，在主HTML文件中编写CSS是有效的。

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous" type="text/css">
    {% load static %}
    <link rel="stylesheet" href="./styles.css" type="text/css">
    <title>Title</title>
</head>

Answer 1

我建议您为css文件输入一个更大的路径，因为我看到html在模板/hello中，css在/ that /css/traces.css中，这是我建议您使用的路径：“/静态/css/traces.css

Answer 2

当您向HTML文档添加外部CSS文件时，需要将rel=“样式表”属性添加到标记中，以使其工作。

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

如果您从标记中省略了rel属性，那么样式将不会应用于页面。

如果CSS文件与HTML文档位于同一个文件夹中，则可以将路径直接添加到CSS文件中，如下所示：

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

--如果在文件名之前添加/，则不会应用CSS：--当您的CSS只有一个文件夹时，您需要在href属性中指定文件夹名，而不需要/以及。

这是错误的：

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

这是正确的：

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