首页 > 其他 > 详细

Django基础,Day7 - 添加静态文件 static files

时间:2017-01-07 07:49:31      阅读:164      评论:0      收藏:0      [点我收藏+]

添加css样式文件

1、首先在app目录下创建static文件夹,如polls/static。django会自动找到放在这里的静态文件。

AppDirectoriesFinder which looks for a “static” subdirectory in each of the INSTALLED_APPS

STATICFILES_DIRS:This setting defines the additional locations the staticfiles app will traverse if the FileSystemFinder finder is enabled

2、创建polls/static/polls/style.css

Because of how the AppDirectoriesFinder staticfile finder works, you can refer to this static file in Django simply as polls/style.css

li a {
    color: green;
}

3、在页面头部中引入css,引入方式  

{% load static %}

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

 {% static %} :生成静态资源static file的绝对url路径

polls/templates/polls/index.html:

技术分享

4、刷新首页,可见链接内的文字颜色已变为green

技术分享

添加背景图片

1、添加图片 polls/static/polls/images/background.jpg

2、添加css样式 polls/static/polls/style.css

body {
    background: white url("images/background.jpg") no-repeat center Top;
}

3、刷新首页,可见首页中添加了一张背景图片

技术分享

 

Django基础,Day7 - 添加静态文件 static files

原文:http://www.cnblogs.com/guanfuchang/p/6258104.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!