div css页面布局 模板_Django模板的导入和继承

Ⅰ 应用场景

• 网页布局

Ⅱ 手写css样式

• index1.html

<!

• 效果

Ⅲ 导入

• 第一步：新建一个 xx.html,把好看的模板写入
  • 在templates文件夹下新建html文件,删除里面所有内容,直接写入代码块
    • beauiful.html

<

• 第二步：在你想用的地方
  • {% include 'xx.html' %} -- 引用
  • index1.html

{% 

Ⅳ 继承

• 第一步：写一个母版，写空盒子
  • <div> -- 在div内部写,表示这个div是空盒子
  • {% block 名字 %}
  • {% endblock %}
  • </div>

<!

• 第二步：某个页面要使用母版，引入，扩写盒子
  • 完全引用
    • {% extends 'base.html' %} -- 直接引用完整html页面

<h1>我是order1继承了母版base</h1>

• • 局部引用
    • {% block 名字 %} -- 名字需同母版名字对应
    • 新页面自定义的index页面 -- 只有这里同母版不同
    • 这里且仍可使用导入
    • {% endblock %}

{%