【问题标题】:HTML not connecting with CSS correctlyHTML 未正确连接 CSS
【发布时间】:2020-02-25 00:33:15
【问题描述】:

在我的 Django 项目中,我尝试将 HTMl 连接到 CSS。我在网上查看了堆栈溢出的其他相关问题,但仍然无法将 html 和 css 链接在一起。我也是前端开发的新手。

这是我的代码(css文件与此文件位于同一目录中):

<head>
    <link rel="stylesheet" href="signup.css" type="text/css">
</head>
<div id="signuptext" class="pb-0"><span>Sign Up</span></div>

CSS:

#signuptext {
    font-size: 30px;
}

收到错误:

Not Found: /accounts/signup/signup.css

更新:更改路径(href):

/accounts/templates/users/signup.css

更新代码:

<link rel="stylesheet" href="{% static 'signup.css' %}" type="text/css">

更新的 CSS(在主静态文件夹中):

#signuptext {
    font-size: 30px;
}

我不明白这个错误,因为我的 css 文件与 HTML 文件位于同一文件夹中。 有人知道出了什么问题吗?谢谢。

【问题讨论】:

  • 是 /accounts/signup/signup.css 中的 signup.css 吗?
  • @AlexDeCamillo 是的。检查我的原始帖子,因为我已经更新它并将href更改为文件的完整路径。
  • HTML sn-p 是 django 生成的静态文件吗?还是模板文件?
  • @AlexDeCamillo 就是模板文件本身。
  • 一般来说,模板文件应该引用你保存文件的目录。查看here 以查看有关这样做的一些文档。该链接适用于开发版本,但您可以更改为您在该页面上使用的任何版本。

标签: html css django frontend


【解决方案1】:
<link rel="stylesheet" href="/accounts/signup/signup.css" type="text/css">

此外,使用类更好,因为您可以重用它们。只有在需要使用js时才使用id

<div class="signuptext" class="pb-0"><span>Sign Up</span></div>

css:

.signuptext {
    font-size: 30px;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-08-16
    • 2022-12-12
    • 1970-01-01
    • 1970-01-01
    • 2013-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多