Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/278.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Python 为什么不是';我的烧瓶网站是否运行CSS文件?_Python_Css_Flask - Fatal编程技术网

Python 为什么不是';我的烧瓶网站是否运行CSS文件?

Python 为什么不是';我的烧瓶网站是否运行CSS文件?,python,css,flask,Python,Css,Flask,我正在尝试使用Flask创建一个网站,但是当我的HTML文件工作时,我的CSS文件不工作。我尝试过刷新我的缓存,并使用其他人在类似问题上发布的不同代码行,但没有任何效果 这是我当前的项目层次结构: 在HTML文件的头部有以下代码行 <link rel="stylesheet" href="{{ url_for('static', filename='css/mainpage.css') }}"> 我也从另一个堆栈溢出问题得到了这段代码,所以我也很困惑我做错了什么 提前谢谢

我正在尝试使用Flask创建一个网站,但是当我的HTML文件工作时,我的CSS文件不工作。我尝试过刷新我的缓存,并使用其他人在类似问题上发布的不同代码行,但没有任何效果

这是我当前的项目层次结构:

在HTML文件的头部有以下代码行

<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;
}