我花了几乎一天的时间试图弄清楚为什么我的 css 文件不能与我的 html 文件一起使用。所有堆栈溢出答案对我都不起作用。我将不胜感激此时能得到的任何帮助。我正在运行安装了 Flask 的 python 3.8.1，并使用 pycharm。 点击这里查看我的文件结构截图， 这是主要的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><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 中运行该文件时看到的错误：“GET / HTTP/1.1” 200 - “GET /static/%20style.css HTTP/1.1” 404 -这是 CSS 代码：h1{ color: yellow;}body { color: orange;}h2 { color: pink;}
3 回答
慕村9548890
TA贡献1884条经验 获得超4个赞
问题是你的index.html 文件。
你有两个 <body> 标签，其中一个被你的 <head> 标签吞没了。
CSS 的链接位于第二个 < body > 标记中。你在那里做了非常奇怪的编程。
这应该可行，我刚刚也使用您的文件结构尝试过
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='CSS/style.css')}}">
</head>
<body>
<h1> Title </h1>
<h2>Second headline</h2>
<p>This is an orange test6</p>
</body>
</html>
翻过高山走不出你
TA贡献1875条经验 获得超3个赞
删除多余的空格
href=" {{ url_for('static', filename=' style.css') }}">
^ ^第二个是造成问题的原因。第一个只是糟糕的形式。
慕森王
TA贡献1777条经验 获得超3个赞
我想指出几点。
首先，导入的地方有一个尾随逗号，有时它会弄乱程序。
其次，尝试在 url_for 中指定子目录 CSS 并删除文件名开头的空格，这解决了我的问题：
<link rel="stylesheet" type="text/css" href="{{ url_for('static',
filename='css/style.css') }}">
- 3 回答
- 0 关注
- 169 浏览
添加回答
举报
0/150
提交
取消