首页 > web前端 > css教程 > 正文

为什么我的 Flask 应用程序中没有加载外部 CSS 文件?

DDD
发布: 2024-11-26 13:41:10
原创
641 人浏览过

Why Isn't My External CSS File Loading in My Flask Application?

CSS 文件未在 Flask 中加载

问:我正在尝试使用外部 CSS 文件来设置 Flask 模板的样式,但样式未应用。这是我的文件结构:

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /styles
        - mainpage.css
登录后复制

mainpage.html

<html>
    <head>
        <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css">
    </head>
    <body>
        <!-- content --> 
登录后复制

答:要解决此问题,您需要有一个专用的“静态”文件夹存储 CSS 和 JS 文件。下面是更正后的文件结构:

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /static
        /styles
            - mainpage.css
登录后复制

mainpage.html

<html>
    <head>
        <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/mainpage.css') }}">
    </head>
    <body>
        <!-- content --> 
登录后复制

Flask 现在将在 static/styles/mainpage.css 下查找 CSS 文件。

以上是为什么我的 Flask 应用程序中没有加载外部 CSS 文件?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板