我花了幾乎一天的時間試圖弄清楚為什么我的 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 關注
- 244 瀏覽
添加回答
舉報
0/150
提交
取消