CSS 没有连接到 HTML Flask

Question

我正在为 Flask 编写站点并遇到 css 文件未连接到项目的问题

这是HTML-文件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css'>
<link type="text/css" href="{{url_for('static', filename='css/main.css')}}" rel="stylesheet" />

这是CSS-文件：

body {
background: red;
}

但是该颜色从未出现在网站上

Answer 1

您需要将 <body></body> 添加到您的 html 文档中

Answer 2

你应该做的是，如果你的静态文件在模板文件中，请将其从模板中删除并执行以下操作：

from flask import Flask, render_template

css_file = "static/styles/style.css"
app = Flask(__name__)

@app.route("/")
def home():
   return render_template("index.html", css_link = css_file)

然后在你的头标签中添加：

<link rel="stylesheet" href="{{css_link}}" type="text/css"/>

别忘了添加正文标签！

CSS 没有连接到 HTML Flask

CSS is not being connected to HTML Flask

html

css

python

flask