我不知道如何将CSS文件链接到我的HTML文件.

我正在使用Visual Studio Code、Python和Flask来完成这个任务

我的项目目录如下:

- templates
   - home.html
   - style.css
- app.py

home.html

<!DOCTYPE html>
<html>
  
  <head>
    <link href='https://fonts.googleapis.com/css?family=Raleway:400, 600' rel='stylesheet' type='text/css'>
    <link href='assets/style.css' rel='stylesheet' type='text/css'/>
  </head>

  <body>
  ...
  </body>

style.css

html, body {
    margin: 0;
    padding: 0;
  }
  
header {
    background-color: #333333;
    position: fixed;
    width: 100%;
    z-index: 5;
  }
  
h1 {
  font-family: 'Times New Roman', Times, serif;
  color:cadetblue
}

app.py

from flask import Flask, render_template

app = Flask(__name__, template_folder="templates")

@app.route("/home")
@app.route("/")
def index():
  return render_template("home.html")

我试着使用模板文件夹,它没有工作

我试过了,没有使用模板文件夹,它不起作用.

不会引发错误,但页面就是没有CSS样式,例如h1标签使用默认字体保持为黑色,而使用Times New Roman Font的标签应该为蓝色

任何帮助将不胜感激.🙂

推荐答案

在Flask.css中,您的style.css文件应该在"静态"文件夹中.然后,在您的HTML文件中,您应该这样链接它:

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

Python相关问答推荐

点到面的Y距离

试图找到Python方法来部分填充numpy数组

从收件箱中的列中删除html格式

通过Selenium从页面获取所有H2元素

按顺序合并2个词典列表

如何使用根据其他值相似的列从列表中获取的中间值填充空NaN数据

使用setuptools pyproject.toml和自定义目录树构建PyPi包

Pre—Commit MyPy无法禁用非错误消息

从一个系列创建一个Dataframe,特别是如何重命名其中的列(例如:使用NAs/NaN)

计算每个IP的平均值

为什么Django管理页面和我的页面的其他CSS文件和图片都找不到?'

剪切间隔以添加特定日期

我可以不带视频系统的pygame,只用于游戏手柄输入吗?''

Django.core.exceptions.SynchronousOnlyOperation您不能从异步上下文中调用它-请使用线程或SYNC_TO_ASYNC

启动线程时,Python键盘模块冻结/不工作

根据过滤后的牛郎星图表中的数据计算新系列

将相应的值从第2列合并到第1列(Pandas )

迭代工具组合不会输出大于3的序列

在使用ROLING()获得最大值时,是否可以排除每个窗口中的前n个值?

基于2级列表的Pandas 切片3级多索引