如何正确连接到 css？答案

【问题标题】：How to connect to css correctly?如何正确连接到 css？
【发布时间】：2019-01-10 19:43:51
【问题描述】：

我正在使用 pycharm 的烧瓶来创建一个测试站点。我将我的 html 连接到一个 css 文件，它出现了一个黑屏，所以我创建了一个新的 css 文件。不幸的是，css 只与这个 css 连接，我不知道为什么。是不是我做错了什么？

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Register</title>
        <link rel="stylesheet" type="text/css" href="{{ url_for('static', 
filename='registration_style.css') }}">
    </head>
    <body>
        <h1>HaHa</h1>
    </body>
</html>

app.py 代码：

from flask import Flask, render_template, url_for

app = Flask(__name__)


@app.route('/')
def registration():
    return render_template('registration_activity.html')


@app.route('/test')
def hello_test():
    return 'Hola!'

if __name__ == '__main__':
    app.run()

【问题讨论】：

确保 css 文件位于静态文件夹中，如果您使用蓝图，则必须指定该静态文件夹的位置和名称。但是 Flask 会自动寻找一个 /static 目录来查看。
@KevinHernandez 我编辑了我的帖子并放置了一个指向我的项目的链接
对我来说一切都很好，你能发布你的app.py文件
@KevinHernandez 我发布了它
那里的一切对我来说都很好。

标签： flask pycharm static-files

【解决方案1】：

我认为您缺少 css 链接您能否将以下内容添加到您的模板中：

<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='style1.css') }}">

所以你的模板应该是这样的：

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Register</title>
        <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='registration_style.css') }}">
        <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='style1.css') }}">
    </head>
    <body>
        <h1>HaHa</h1>
    </body>
</html>

【讨论】：

嗯，它无法连接到任何 css 文件...我想我应该做一个同步项目？
在 url_for(...) 方法中删除逗号和文件名之间的空格。这是我的预感。我会直接复制我在答案中发布的 css 链接，重新启动服务器，然后检查是否解决了问题。
好吧，我创建了一个新的css文件，删除了registration_style.css和style1.css，现在可以使用了。这怎么可能？代码一样，我只是新建了一个css文件？
您是否重新启动了服务器？即你做了一个python app.py吗？如果是这个原因，我建议你在调试模式下运行你的服务器，否则如果没有手动重启，新的更改不会被拾取