Django 模板扩展和 CSS

2024-03-18

我有这样的基本模板:

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

    <link rel="stylesheet" href="/static/style.css"/>

当我刷新页面时,此文本会记录在日志中:

[01/Dec/2011 18:22:00] "GET /search/ HTTP/1.1" 200 2760
[01/Dec/2011 18:22:00] "GET /static/style.css HTTP/1.1" 200 54

因此,这意味着 CSS 从服务器正确加载。但这不起作用!如果我将此 CSS 作为文本直接包含到基本模板中,它就可以正常工作。 静态文件配置没问题。


您是否将 css 放在一个块中,并将其放在底座的头部?

/* base.html */
<html>
    <head>
        <title>{% block title %}{% endblock %}</title>
        {% block extra_head %}{% endblock %}
    </head>
    <body>
        {% block content %}{% endblock %}
    </body>
</html>


/* another template */
{% extends 'base.html' %}
{% block title %}My Title{% endblock %}
{% block extra_head %}
    <link rel="stylesheet" href="/static/style.css"/>
{% endblock %}
{% block content %}
    <h1>This is my page!</h1>
{% endblock %}

在您的浏览器中,页面源代码看起来如何?样式表在头部吗?你能点击链接并查看实际的CSS吗?

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Django 模板扩展和 CSS 的相关文章

随机推荐

  • 使用扫描仪继续读取数字,直到到达换行符

    我想从控制台读取几个数字 我想要做到这一点的方法是让用户输入一系列由空格分隔的数字 代码执行以下操作 Scanner sc new Scanner System in while sc hasNextInt int i sc nextInt
  • Android上的Crosswalk从java调用js函数

    我正在尝试使用人行横道 https crosswalk project org我的 Android 应用程序中的运行时 我在 Android 4 上尝试过这个 我得到了一些 js 和 html 代码 它非常适合我 但它不像 android
  • webview中点击URL时如何获取文件名

    当我们在页面中提供该文件的链接时 如何获取我们上传到服务器上的文件名 我正在做的是 我在 webview 中提供带有文件链接的数据 因此每当用户单击链接时都需要从服务器下载 因为我已经从服务器下载了该文件 但问题是无法使用 Download
  • Namenode-HDFS 出现“连接被拒绝”错误(Hadoop 问题)

    当我们看到使用时 我的所有节点都已启动并运行jps命令 但我仍然无法连接到 hdfs 文件系统 每当我点击Browse the filesystem在 Hadoop Namenode localhost 8020 页面上 我得到的错误是Co
  • 如何在 Unity 中序列化和反序列化包含 Gameobject 和 Vector2 的字典

    我正在为一个游戏制作一个关卡编辑器 可以在统一的编辑模式下编辑关卡 它最终保存了进度 可以在游戏运行时加载回来 但事实证明您无法通过 Unity 序列化 Unity 的 Gameobject 或任何自定义 C 对象 即使它这么说 我能够序列
  • 更新本地gem源码

    我正在 Rails 项目中测试 gem 当前的 Gemfile gem mygemname path path to my gem 当我在本地编辑 gem 时 我可以构建 gem 从Gemfile run bundle install 将
  • iPhone 应用程序安装在设备上后,是否可以通过编程方式更改其名称?

    我很好奇 是否可以通过编程方式更改 iPhone OS 主屏幕上使用的 iPhone 应用程序的名称 我知道这只是 Info plist 文件中的一个条目 但我还没有看到任何应用程序这样做 我想分发现有应用程序的 精简版 并允许用户通过应用
  • 将 HBITMAP 句柄从非托管代码传递到托管代码以创建 System.Drawing.Bitmap 的安全性

    我对托管 非托管互操作非常陌生 因此我希望获得一些关于以下过程将位图从非托管 C 获取到托管 C 的安全性的意见 基本思想是 C 调用互操作函数 FetchImage 这是非托管 C 中的 它通过一个out int param FetchI
  • 是否可以在视图中调用存储过程?

    已提出有关 sql server 的类似问题here https stackoverflow com questions 916784 how to call stored procedure in a view 我想知道在 MySql 中
  • SQL 检查数据库是否为空(没有表)

    我需要使用 SQL 查询检查数据库是否完全为空 没有表 如何才能做到这一点 谢谢您的帮助 SELECT COUNT DISTINCT table name FROM information schema columns WHERE tabl
  • 使用D3读取csv返回html而不是csv数据

    我在脚本标签中有以下 d3 代码 d3 csv data csv function error data data forEach function d console log data 0 d date parseDate d date
  • 设置 UIView 的框架不起作用

    我在 iOS 7 中遇到了框架属性的问题 我想调整一些 UIView 的大小viewDidLoad 我的方法UIViewController 但如果我这样做int screenHeight UIScreen mainScreen bound
  • 有没有办法检测手机上是否有硬件键盘?

    我见过其他问题 例如硬件键盘事件 https stackoverflow com questions 4883168 hardware keyboard event 但Mango 没见过这个 有什么方法可以查出手机是否有硬件键盘 Use t
  • Firebase Firestore 查询得到一个结果

    我正在寻找最好的方法 1 查询单个结果 或者2 从查询中提取第一个结果 tried collection 0 and collection pop or collection shift 没有任何作用 我真的不喜欢我正在使用的代码 但它有效
  • 使用 JOGL 进行全屏摆动

    我正在尝试制作一个全屏呈现的 Swing 应用程序 遵循此处的描述http download oracle com javase tutorial extra fullscreen exclusivemode html http downl
  • 错误:没有匹配的函数可供调用

    我想在另一个类中使用另一个类的方法 但出现以下错误 问题是什么 TIA 错误 没有匹配的函数可用于调用 PositionInfo PositionInfo 这是我的代码 PositionInfo Pos double metr Pos Ge
  • 如何设置图片的大小?

    I have 飞溅 png并希望该图像全部出现在屏幕上 就像fitXY for ImageView 飞溅 png尺寸为 480x767 我必须在代码中更改什么 public class BitmapConfigView extends Li
  • PHP 中 $variable->something 的故事是什么?

    我见过这种方法被广泛使用 尤其是在 SimpleXML 中 Is this row gt unixtime 和这样做一样吗 row unixtime 这叫什么 为什么 如何使用它 使用 PHP 进行面向对象编程 https stackove
  • 使用 REST API 通过 PHP 连接到 VCenter 身份验证错误

    我按照官方 vSphere 站点中的说明从服务器和答案中获取信息这里的另一个用户 https stackoverflow com a 49324757 12013253 据我了解 首先我必须获取会话id cis id 但结果我得到 null
  • Django 模板扩展和 CSS

    我有这样的基本模板 当我刷新页面时 此文本会记录在日志中 01 Dec 2011 18 22 00 GET search HTTP 1 1 200 2760 01 Dec 2011 18 22 00 GET static style css