Django 3.0入门与实践
上QQ阅读APP看书,第一时间看更新

3.13 添加样式

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

Django将图片、脚本、样式表等文件称为静态文件(static files)。对小项目来说,如何处理静态文件不是什么值得注意的事情,你可以将它们放在任何地方,只要服务器能访问就可以了。但是,对大项目来说,尤其是包含很多应用程序的项目,处理每一个项目所使用的静态文件就比较困难了。

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

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

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

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

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

到此为止,所有关于CSS的设置已经完成,重启Web服务,然后在浏览器中访问index页面,效果如下图所示。