盒子模型
    1、边框
    1、三个方面：
    border-width：边框宽度
    值：thin medium(=2px) thick 像素值（常用）
    border-style：边框样式
    常用的值：solid(实线) dashed(虚线) dotted(点状)
    border-color：边框颜色
    2、四个方向
    border-top：上边框
    border-right：右边框
    border-bottom：下边框
    border-left：左边框
    3、复合属性
    border：宽度 颜色 样式; (空格间隔)
    2、内边距
    1、四个方向：
    padding-top:上内边距
    padding-right:右内边距
    padding-bottom：下内边距
    padding-left:左内边距
    2、复合属性：
    padding:1个值 四个方向均为该值
    padding:2个值 上下=第一个值 左右=第二个值
    padding:3个值 上=第一个值 左右=第二个值 下=第三个值
    padding:4个值 上=第一个值 右=第二值 下=第三个值 左=第四个值
    3、外边距
    1、四个方向：
    margin-top:上内边距
    margin-right:右内边距
    margin-bottom：下内边距
    margin-left:左内边距
    2、复合属性：
    margin:1个值 四个方向均为该值
    margin:2个值 上下=第一个值 左右=第二个值
    margin:3个值 上=第一个值 左右=第二个值 下=第三个值
    margin:4个值 上=第一个值 右=第二值 下=第三个值 左=第四个值
    3、典型应用：让块元素居中
    margin:0 auto;
    注意：盒子必须指定宽度（width）
    4、清除元素的内外边距
    {
    margin:0; /    清除外边距/
    padding:0; /    清除内边距*/
    }
    5、盒子模型尺寸
    1、内盒尺寸=border+padding+内容
    2、外盒尺寸=margin+border+padding+内容
    3、css3盒子模型：
    1、box-sizing：content-box； 盒子大小为width+padding+border (之前默认的情况)
    2、box-sizing：border-box； 盒子大小为width
    6、圆角边框
    1、语法
    border-radius: 1个值(像素) 四个角均为该值
    border-radius: 2个值 左上、右下=第一个值 右上、左下=第二个值
    border-radius: 3个值 左上=第一个值 右上、左下=第二个值 右下=第三个值
    border-radius: 4个值 左上=第一个值 右上=第二个值 右下=第三个值 左下=第四个值
    2、特殊图形
    1、圆形
    元素的宽度和高度必须相同 width: 20px; height: 20px;
    圆角的半径为元素宽度的一半，或者直接设置圆角半径值为50% border-radius: 50%;
    2、半圆形
    制作上半圆或下半圆时，元素的宽度是高度的2倍，而且圆角半径为元素的高度值
    width: 100px;
    height: 50px;
    border-radius: 0 0 50px 50px;
    制作左半圆或右半圆时，元素的高度是宽度的2倍，而且圆角半径为元素的宽度值
    width: 50px;
    height: 100px;
    border-radius: 0 50px 50px 0;
    3、扇形
    遵循“三同、一不同”原则，“三同”是元素宽度、高度、圆角半径相同。“一不同”是圆角取值位置不同。
    width: 50px;
    height: 50px;
    border-radius: 50px 0 0 0;
    7、盒子阴影
    box-shadow: 水平阴影位置 垂直阴影位置 模糊距离 阴影尺寸 阴影颜色 是否设置内阴影;
    注意：
    1、水平阴影位置：正（向右走） 负（向左走） 必须
    2、垂直阴影位置：正（向下走） 负（向上走） 必须
    3、模糊距离：值越大越模糊 可选值
    4、阴影尺寸：值越大，阴影越大 可选值
    5、是否设置内阴影：可选。值为inset。如果不设置，默认为外阴影；如果设置了，则改为内部阴影。