时间戳

首页 > 解决方案 > 样式表未链接到烧瓶网页

python - 样式表未链接到烧瓶网页

问题描述

我目前正在学习 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>

索引.html：

{% extends 'base.html' %}

{% block head %}

{% endblock %}

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

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

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

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

标签： pythonhtmlcssflask

解决方案

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

推荐阅读