Django tutorial part6

writing_first_django_app_part6

在django中,网页应用中的一些附加文件,如image, JS, CSS等,称为静态文件"static files"

django.contrib.staticfiles: 从各个应用中收集静态文件,放到一个单独的位置,方便使用和管理

Using CSS

静态文件查找路径的时候与template类似,首先在polls目录下创建目录static,在里面再创建一个polls目录,在这个polls目录里面才放置静态文件,现在创建文件style.css,即polls/static/polls/style.css,在查找路径时我们可以直接polls/style.css就能找到

# polls/static/polls/style.css

li a {
    color: green;
}

把列表渲染成绿色

然后在index.html中要引入这个css文件,和普通的html一样,在polls/templates/polls/index.html中的开头添加:

{% load staticfiles %}

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

{% static %}这个标签会给我们生成静态文件的绝对路径。 现在重启服务器就可以看到绿色的字体

Adding a background-image

创建背景文件polls/static/polls/images/background.gif,然后在css文件中添加:

body {
    background: white url("images/background.gif") no-repeat right bottom;
}

就可以设置背景

posted @ 2015-03-20 11:35  Jolin123  阅读(141)  评论(0编辑  收藏  举报