在django继承模板中添加样式标签

Question

在django继承模板中添加样式标签

Cha*_*wad 5 html css python django django-templates

我是 Django 新手。我想在我的 Django 模板中添加几行样式代码，即“blogs.html”，它已经从“base.html”django 模板继承。但是如果我添加样式标签并尝试使用提供背景图像{%static %} 它不起作用。

博客.html

{% extends 'base.html'%}

{% load staticfiles %}

{% block content %}
    <style>
        body{
               margin:0;
               padding:0;
        }

        box1{
               height:100vh;
               width:100%;
               background image:{%static 'images/ps1.jpg'%};
               background-size:cover;
        }
        box2{
               height:100vh;
               width:100%;
               background image:{%static 'images/ps2.jpg'%};
               background-size:cover;
        }
        box3{
               height:100vh;
               width:100%;
               background image:{%static 'images/ps3.jpg'%};
               background-size:cover;
        }
    </style>

    <div id="box1">
    </div>
    <div id="box2">
    </div>
    <div id="box3">
    </div>
{% endblock %}

Run Code Online (Sandbox Code Playgroud)

Answer 1

Sam*_*Sam 6

我假设 Your{% block content %} {% endblock %} 位于 html body 中，但 CSS 代码应该位于 head 中。这就是为什么它不起作用。

如果您确实需要这个，那么您可以在部分上创建一个块base.html head。像这样的东西

<head>
{% block mycss %} {% endblock mycss %}
</head>

Run Code Online (Sandbox Code Playgroud)

和继承的html

{% extends 'base.html'%}

{% load staticfiles %}
{% block mycss %} <style> Your entire css </style> {% endblock %}

{% block content %}
    Body Part
{% endblock %

Run Code Online (Sandbox Code Playgroud)

归档时间：	8 年，2 月前
查看次数：	10363 次
最近记录：	8 年，2 月前