Question

我目前正在学习Flask（noob问题警告），并且目前在使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，这是一个问题。

Answer 1

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

样式表未链接到烧瓶网页

1 个答案: