1.Django 对css静态文件的处理
我们先来看Django 对css静态文件是怎么处理的,一起来实现一下:
-
第一步:首先需要在settings文件中指定静态文件的存储路径,可以使用Django模板引擎语法提示,如
STATICFILES_DIRS = (os.path.join(BASE_DIR, "static"), )
,需要注意的是这种方式必须要在 DEBUG模型下使用,也就是让DEBUG等于True,这个是在settings.py文件中设置的; -
第二步:在static目录中创建一个css目录,创建一个base.css文件, 将之前的base.html页面中的 css样式复制进来;
.header{
color: red;
font-size: 60px;
background-color: black;
height: 100px;
text-align: center;
line-height: 100px;
}
.content{
color: green;
font-size: 60px;
background-color: #eeeeee;
height: 800px;
text-align: center;
line-height: 800px;
}
.footer{
color: green;
font-size: 60px;
background-color: black;
height: 100px;
text-align: center;
}
- 第三步:编辑base.html页面,将内联的css样式删除使用外链的css文件,可以先通过
{% load staticfiles %}
引入加载器staticfiles ,然后再使用模版语法<link rel="stylesheet" href="{% static 'css/base.css' %}">
的形式导入外部css文件,static表示现在的路径目录;
<!doctype html>
{% load staticfiles %}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scal