Django基础,Day7
来源:互联网 发布:数据采集技术有哪些 编辑:程序博客网 时间:2024/05/22 03:44
添加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
1
2
3
li a {
color
:
green
;
}
3、在页面头部中引入css,引入方式
1
2
3
{
%
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
1
2
3
body {
background
:
white
url
(
"images/background.jpg"
)
no-repeat
center
Top;
}
3、刷新首页,可见首页中添加了一张背景图片
分类: Django
阅读全文
0 0
- Django基础,Day7
- 传智播客-Java基础加强-day7
- Day7
- DAY7
- day7
- DAY7
- Day7
- day7
- day7
- day7
- Day7
- day7
- DAY7
- 黑马程序员__java基础视频day7
- Day7(下).动态库开发基础
- Android学习之Java基础篇day7
- day7 linux操作基础命令 第四弹
- django基础
- 支撑网络强国·助推产业转型,烽火与您相约
- 当“互联网+”遇上“新零售”,卖1000万杯咖啡有何难?
- 电视机也能应答如流?暴风TV开启AI 2.0时代
- 前方高能,相拼相爱!2017年“达能少年世界杯”落幕
- 踢进了世界杯还惊动了齐达内,这样的中国男足你见过没?
- Django基础,Day7
- Django-REST之1:serializers序列器-翻译及自己的学习笔记(更新完善中...)
- 二叉树的建立
- Mac下 常用程序 无限试用方法
- A*寻路极限优化
- spring boot API 完整版
- luogu3379 最近公共祖先(LCA) tarjan 倍增
- [POJ3259]Wormholes(负环)
- Django基础,Day8