Django 添加CSS样式

Django 添加CSS样式,目前我们已经完成了调查问卷系统的主要功能,但是还没有使用CSS样式对其进行美化,本章将带领读者学习如何在Django应用中使用CSS样式。

Django将图片、JavaScript、CSS等文件称为静态文件(static file)。对于小项目来说,如何处理静态文件不是太重要的事情,我们可以将它们放在任何地方,只要服务器能访问到就可以了。但是对于大项目来说,尤其是包含了很多应用程序的项目,处理每一个项目所使用的静态文件就比较困难了。

默认情况下,Django会在应用程序根目录下查找static文件夹,这个文件夹就是用来存放静态文件的。

按照路径polls/static/polls/style.css创建一个style.css样式文件,具体CSS内容如下:
Django 添加CSS样式

接下来修改模板polls/templates/polls/index.html,在模板最顶部添加以下代码:

{% load statoc %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />

提示
{% static %}标签用于生成静态文件的绝对路径。

到此为止,所有关于CSS的设置已经完成,重启Web服务,然后在浏览器中打开index页面,如图所示。
Django 添加CSS样式

酷客教程相关文章:

赞(0)

评论 抢沙发

评论前必须登录!