![Django 3.0入门与实践](https://wfqqreader-1252317822.image.myqcloud.com/cover/246/36862246/b_36862246.jpg)
上QQ阅读APP看书,第一时间看更新
3.13 添加样式
目前已经完成调查问卷系统的主要功能,但是还没有使用CSS样式对其进行美化,本节将带领读者学习如何在Django中使用CSS样式。
Django将图片、脚本、样式表等文件称为静态文件(static files)。对小项目来说,如何处理静态文件不是什么值得注意的事情,你可以将它们放在任何地方,只要服务器能访问就可以了。但是,对大项目来说,尤其是包含很多应用程序的项目,处理每一个项目所使用的静态文件就比较困难了。
默认情况下,Django会在应用程序根目录下查找static文件夹,这个文件夹就是用来存放静态文件的。
按照路径polls/static/polls/style.css创建一个style.css样式文件,具体CSS内容如下:
![](https://epubservercos.yuewen.com/B89DD0/19549641008916106/epubprivate/OEBPS/Images/Figure-P39_149284.jpg?sign=1739028211-jBCgYjp43jr8N8V7AUIZ2c88CJcnhVfj-0-26a7af423a4f504ff07cb8c73aaa7901)
接下来修改模板polls/templates/polls/index.html,在模板最顶部添加以下代码:
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />
{% static %}标签用于生成静态文件的绝对路径。
到此为止,所有关于CSS的设置已经完成,重启Web服务,然后在浏览器中访问index页面,效果如下图所示。
![](https://epubservercos.yuewen.com/B89DD0/19549641008916106/epubprivate/OEBPS/Images/Figure-P40_20114.jpg?sign=1739028211-tgMhAL9nSgz3vWqBQ0bbrMRomw4KNCJE-0-50576f604cd0e56a64b1b887be0c3ed0)