Python 为什么不是';我的烧瓶网站是否运行CSS文件?
我正在尝试使用Flask创建一个网站,但是当我的HTML文件工作时,我的CSS文件不工作。我尝试过刷新我的缓存,并使用其他人在类似问题上发布的不同代码行,但没有任何效果 这是我当前的项目层次结构: 在HTML文件的头部有以下代码行Python 为什么不是';我的烧瓶网站是否运行CSS文件?,python,css,flask,Python,Css,Flask,我正在尝试使用Flask创建一个网站,但是当我的HTML文件工作时,我的CSS文件不工作。我尝试过刷新我的缓存,并使用其他人在类似问题上发布的不同代码行,但没有任何效果 这是我当前的项目层次结构: 在HTML文件的头部有以下代码行 <link rel="stylesheet" href="{{ url_for('static', filename='css/mainpage.css') }}"> 我也从另一个堆栈溢出问题得到了这段代码,所以我也很困惑我做错了什么 提前谢谢
<link rel="stylesheet" href="{{ url_for('static', filename='css/mainpage.css') }}">
我也从另一个堆栈溢出问题得到了这段代码,所以我也很困惑我做错了什么
提前谢谢 尝试在head部分添加以下代码
<link rel="stylesheet" type="text/css" href="/static/css/mainpage.css">
我无法用以下玩具示例复制您的问题:
#!venv/bin/python
from flask import Flask
from flask import render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(host='0.0.0.0', debug=True)
我的目录布局是
├── app.py
├── static
│ └── css
│ └── mainpage.css
├── templates
│ └── index.html
└── venv
index.html
的内容:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/mainpage.css') }}">
<title>Page Title</title>
</head>
<body>
<h1>Page Heading</h1>
<p>A paragraph.</p>
</body>
</html>
检查chrome开发工具,查看您的css文件是否已下载(并已使用),它似乎未被下载/使用。如果我浏览“源”选项卡,我可以找到我的css文件的旧版本,这很奇怪。你试过禁用缓存吗?在chrome中,从DevTools窗口,转到网络选项卡,并确保选中禁用缓存框。实际问题可能重复?你接受了答案,但没有更多信息,这不是一个好问题。
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}