样式表未链接到烧瓶网页答案

【问题标题】：Stylesheet not linking to flask webpage样式表未链接到烧瓶网页
【发布时间】：2019-11-14 17:56:16
【问题描述】：

我目前正在学习 Flask（菜鸟问题警告），目前我在让我的 CSS 出现时遇到问题。目前，我有两个 HTML 文件（基础和索引，索引扩展基础）。

base.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--links the stylesheet to the base template-->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
    {% block head %}{% endblock %}
</head>
<body>
    {% block body %}{% endblock %}
</body>
</html>

index.html:

{% extends 'base.html' %}

{% block head %}

{% endblock %}

{% block body %}
<h1>Test Head</h1>
{% endblock %}

其他人在网上遇到与我相同的问题是由于没有使用 jinja2 或没有将他们的 css 文件放在静态文件夹中，但我已经完成了这两件事（我的 main.css 文件位于 static/css /main.css）。作为测试，我在 css 中编辑了我的身体样式：

body{
    margin: 0;
    font-family: Georgia;
    font: 54px;
}

当我的 css 将正文文本设置为格鲁吉亚时，我可以看出某处存在问题，因为网页以 sans-serif 显示文本。

【问题讨论】：

您可以打开您的 html 页面并查看页面源代码以检查您是否获得了指向您的 css 文件的链接。缓存也可能存在问题。这将消除疑虑，您将能够检查 css 文件的链接。
@ShivendraPratapKushwaha 当我查看页面源代码时，它说文本使用的是无衬线字体系列，这表明肯定存在问题
你的机器上安装了那个字体吗？

标签： python html css flask

【解决方案1】：

我发现了这个问题，并通过在 chrome 上通过隐身模式访问该网站解决了这个问题。问题可能是由于网络浏览器缓存造成的。

【讨论】：