我花了将近一天的时间试图弄清楚为什么我的css文件不能和html文件一起工作，所有的堆栈溢出的答案对我来说都不起作用。
我将感谢任何帮助，我可以在这一点上。我运行python 3.8.1与flask安装，并使用pycharm.Click here to see my file structure screenshot,这里是主要的python文件代码：
from flask import Flask , render_template,
app = Flask(__name__)
@app.route('/')
def index( ):
return render_template("index.html" )
if __name__ == '__main__':
app.run( debug=True)下面是我希望CSS显示的index.html文件代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<h1> Title </h1>
<h2>Second headline</h2>
<body>This is an orange test6</body>
</head>
<body>
<link rel="stylesheet" type="text/css" href=" {{ url_for('static', filename=' style.css') }}">
</body>
</html>下面是我在pycharm中运行文件时看到的错误：
"获取/HTTP/1.1文件" 200-"获取/静态/%20样式. css文件" 404-
下面是CSS代码：
h1{
color: yellow;
}
body {
color: orange;
}
h2 {
color: pink;
}
3条答案
按热度按时间d7v8vwbk1#
删除多余空格
第二个是造成问题的原因。第一个只是形式不好。
tjvv9vkg2#
有几件事我想指出。
首先，你有一个尾随逗号在你的进口，有时它搞乱了程序。
其次，尝试在url_for中指定子目录CSS，并删除文件名开头的空格，这样就解决了我的问题：
wko9yo5t3#
问题出在index.html文件上。
1.您有两< body >个标记，其中一个被您的标记吞入< head >。
这应该可以，我刚刚也用你的file structure试过了