1. 页面设计

导航
主体内容
尾注

2. CSS

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言

css代码 ->  CSS文件 --|
            js文件  --|-静态文件
              图片  --|

项目目录下新建static静态文件夹

settings.py设置用来调用static文件

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')

]

在html文件中


    {% load static %}
    <link rel='stylesheet' href="{% static 'base.css' %}">

10 使用CSS美化页面 - 图1

在二级引用得html中，例如base.html需要上两行代码加载css文件
但在home.html中，home加载了一部分base.html模板。

{% extends 'base.html' %}

但这一步不能集成base.html的css文件，需要设置

{% load static %}

若要加载home.css文件需要添加

{% block header_extends %}
    <link rel="stylesheet" href="{% static '' %}">
{% endblock %}