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

如何在 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="%7B%7B%20url_for('static',filename='styles/mainpage.css')%20%7D%7D">

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

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

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