Flask项目中CSS样式无法作用于HTML页面问题求助

可按以下顺序排查修复问题： #

• HTML标签属性错误：你当前写的<link>标签里用来指定资源地址的属性是ref，正确属性名应为href，修正后的引入代码如下：

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

• 目录命名不匹配：你的工作区中模板文件夹命名为单数形式的template，但配置的TEMPLATE_PATH路径使用的是复数形式的templates，二者不一致会导致Flask无法正确加载模板，你可以选择修改文件夹名匹配路径，或调整路径匹配实际文件夹名即可。
• 额外排查方案：修改后如果仍然不生效，可以打开浏览器开发者工具（按F12唤起），切换到「网络」面板后刷新页面，查看main.css的请求状态：如果返回404说明静态资源路径仍存在配置错误，如果返回200但样式未生效，可直接查看返回的CSS内容是否正确、语法是否存在问题。

内容的提问来源于stack exchange，提问作者Lorenz Löwe