Question

我刚刚完成了我的第一个Flask应用程序，现在我想将CSS添加到HTML模板中。我正在阅读TutorialPoint和W3Schools上的教程，正在做所有事情。有人可以帮我解决这个问题吗？

app.py

@app.route("/", methods=["GET", "POST"])
def login():
    form=forms.LoginForm()
    if form.validate_on_submit():
        try:
            user=models.User.get(models.User.email==form.email.data)
        except models.DoesNotExist:
            flash(" Greshka so email ili pass", "error")
        else:
            if check_password_hash(user.password, form.password.data):
                login_user(user)
                flash("Vie se logiravte", "success")
                return redirect(url_for("post"))
            else:
                flash("Greshka so email ili pass", "error")
    return render_template("login.html", form=form)

login.html

  <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='dizajn.css') }}">
</head>
<body>
{% from 'macro.html' import render_field %}

{% block content%}
<h4>Dobrdojdovte</h4>
<form method="POST" action="" class="pole">
    {{ form.hidden_tag() }}
    {% for field in form %}
        {{ render_field(field) }}
    {% endfor %}
    <button type="submit" id="submit">Login!</button>
</form>
<a href="register">Nov korisnik?</a>
{% endblock %}

dizajn.css

.pole{
    align-items: center;
    width: 80px
    height: 20px;

}
h4{
    background-color: lightblue;
}

当我重新加载页面<h4>时，样式已设置，但表单未样式化。我该怎么解决？

Answer 1

在控制台旁边的“网络”标签中，验证您的所有页面都收到200条响应代码。如果无法正常工作，请通过检查链接元素来添加CSS页面的绝对值。如果两者都不起作用，请尝试在CSS页面中检查语法错误，例如缺少分号，大括号括起来等等。

为什么我的CSS样式无法在flask应用程序上显示

1 个答案: