布局：
    header
    body
    footer
    $(#).hide()
    
补充：
    cursor:pointer; 针对A标签,鼠标变小手
    A标签下划线消失：text-decoration:none
    z-index:值，图层分布
    圆角：border-radius:50%
    .header.menu a:hover{}
    
    鼠标点中变颜色
    例子：
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .header {
            background-color: red;
        }
        .header .menu a{
            padding: 15px;
        }
        .header .menu a:hover{  //header menu中间有空格，hover将所有的a标签背景颜色改为绿色
            background-color: green;  //
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="container">
            <div class="menu">
                <a href="#">菜单一</a>
                 <a href="#">菜单</a>
                 <a href="#">菜单</a>
            </div>
        </div>
    </div>
</body>
</html>

小气泡例子：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .arrow{
            display: inline-block;
            border-top: 10px solid;
            border-right: 10px solid;
            border-bottom: 10px solid;
            border-left: 10px solid;

            border-top-color: transparent;
            border-right-color: black;
            border-bottom-color:transparent;
            border-left-color: transparent;
        }

    </style>
</head>
<body>
    <div class="arrow"> </div>
</body>
</html>

web 请求流程：
    请求->socket->框架
    html ：views       Templates
    数据库：models
    处理请求函数：Controllers  viems
    简称：mvc
Django

创建Django工程：
    django-admin startproject sitename
创建app
    python manage.py startapp appname
同步数据库
    　　python manage.py syncdb
　　python manage.py makemigrations
　　python manage.py migrate

{%include%} 导入html
{%block%} 继承html，只继承一个
母板：{% block title %}{% endblock %}
子板：{% extends "base.html" %}  //继承
　　　{% block title %}{% endblock %}
整体布局时用母版，单独一块时使用include
母版引用方式：
    在templates里面创建master目录，在master里面创建m1.html母版，然后在templates
    下面创建子html，son1.html,然后再views下面定义函数，然后在urls.py下面定义url