Question

我在这里查看了其他一些问题并跟着他们，但我的应用程序仍然没有加载CSS，我不知道出了什么问题。我的目录如下。

（index.html和edit.html）/ static / css（style.css和animate.css here）

mainfolder/templates

我加载CSS的HTML代码是

<link rel="stylesheet" 
    href="{{ url_for('static', filename='css/style.css') }}"> 
and     
<link 
    rel="stylesheet" 
    href="{{ url_for('static', filename='css/animate.css') }}">

Answer 1

在Flask中，static files（例如JavaScript文件或CSS文件）从包中的static文件夹或模块旁边提供，它将在应用程序的/static处提供

特殊端点static用于生成静态文件的URL。例如：

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename = 'style.css') }}">
<script type = "text/javascript" src = "{{ url_for('static', filename = 'bootstrap.js') }}" ></script>

提供此文件的URL时，您需要输入静态文件的类型。例如：

对于CSS：type="text/css"

对于JavaScript：type = "text/javascript"

如果仍然无法加载，请尝试hard reloading the page。可以在此页面上找到用于硬盘重新加载浏览器的不同浏览器的快捷键。 Chrome（适用于Windows）硬重装的快捷方式是 Ctrl + Shift + R

尽管遵循其他教程，Python Flask还没有加载CSS？

1 个答案: