时间戳

首页 > 解决方案 > 为什么 CSS 效果不会出现在网页上？

django - 为什么 CSS 效果不会出现在网页上？

问题描述

我正在尝试通过主 CSS 文件将 CSS 效果添加到网页，但是当我刷新网页时，我希望看到的 CSS 代码的效果不会显示。

HTML 代码

{% extends "base.html" %}

{% block content %}

{% block styles %}
<link rel="stylesheet" href="{% static 'css/master.css' %}">
{% endblock %}

<h1>Welcome</h1>
<h2>Login or Sign-up for free to get started!</h2>

{% endblock %}

base.html 代码

{% load static %}

<!DOCTYPE html>
{% load staticfiles %}


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="httpss://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>


<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

<link rel="stylesheet" href="{% static 'css/master.css' %}">


</head>


<body>

<header>
    {% include "header.html" %}
</header>
    <div class="container mycontent">
      {% block content %}

      {% endblock %}

    </div>

    <footer>
    <div class="container">
        {% include "footer.html" %}
    </div>
</footer>



<canvas id="canvas"></canvas>



</body>
<script src="{% static "js/master.js"%}" type="text/javascript" ></script>
</html>

CSS 代码

h1, h2 {
color: orange;
}

我希望 h1 和 h2 标签中的文本是橙色的，但它们现在是黑色的。

标签： djangodjango-templates

解决方案

推荐阅读