代码之家 › 专栏 › 技术社区 › Dimaapp

CSS未连接到HTML

flask css html python

Dimaapp · 技术社区 · 3 年前

我正在为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;
}

但这种颜色从未出现在网站上

2 回复 | 直到 3 年前

CodeElevator 3 年前

您应该做的是,如果静态文件位于模板文件中,请将其从模板中删除,然后执行以下操作:

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"/>

别忘了添加body标签!

circa94 3 年前

你需要补充 <body></body> 添加到html文档中

推荐文章

July · 如何定义数字间隔,然后四舍五入

1 年前

Community wiki · 对象名称前的单下划线和双下划线的含义是什么?

1 年前

Brian Johnson · 为什么在Python中列出字典列表会引发TypeError?[已关闭]

1 年前

user026 · 如何根据特定窗口的平均值(行数)创建新列?

1 年前

Ashok Shrestha · 需要追踪特定的颜色线并获取坐标

1 年前

Nicote Ool · 在FastApi和Vue3中获得422

1 年前

NeoExceptCodeBad · 如果我有很多垂直线,我如何找到它们的边缘?

1 年前

Abdulaziz · 如何对集合内的列表进行排序[重复]

1 年前

user2743931 · 带有src目录的Python setup.py

1 年前

asmgx · 为什么合并数据帧不能按照python中的预期方式工作

1 年前