如何在 Flask 应用程序中正确链接外部 CSS 文件？-css教程-PHP中文网

如何在 Flask 应用程序中正确链接外部 CSS 文件？

Barbara Streisand

发布： 2024-11-30 18:45:16

原创

400 人浏览过

How Do I Properly Link External CSS Files in My Flask Application?

如何在 Flask 应用程序中合并 CSS 文件

使用外部样式表在 Flask 应用程序中设置模板样式时，了解正确的文件至关重要结构。在此上下文中，提供的错误消息指示应用程序未检索 CSS 文件的问题。

目录结构应按如下方式组织文件：

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /static
        /styles
            - mainpage.css

登录后复制

确保 /styles 目录驻留在 /static 中。

要在模板中指定样式表，请使用以下命令语法：

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

登录后复制

此路径指示 Flask 在“static/styles/mainpage.css”位置搜索 CSS 文件。

通过遵循此文件结构和模板语法，您可以成功地将外部 CSS 文件链接到您的 Flask 应用程序，确保正确的样式。

以上是如何在 Flask 应用程序中正确链接外部 CSS 文件？的详细内容。更多信息请关注PHP中文网其他相关文章！