day37 div 浮动定位

1. 盒子模型
    1.1 盒子模型
        其实，CSS就三个大模块：盒子模型、浮动、定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。
        所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。
    1.2 盒子模型之边框
        语法：border : border-width || border-style || border-color
        边框属性—设置边框样式（border-style）
        边框样式用于定义页面中边框的风格，常用属性值如下：
        none：没有边框即忽略所有边框的宽度（默认值）
        solid：边框为单实线(最为常用的)
        dashed：边框为虚线  
        dotted：边框为点线
        double：边框为双实线
    1.3 表格的细线边框
        border-collapse:collapse; 表示相邻边框合并在一起
    1.4 盒子模型之内边距
        padding属性用于设置内边距。是指边框与内容之间的距离。
        padding-top:上内边距
        padding-right:右内边距
        padding-bottom:下内边距
        padding-left:左内边距
        1个值    padding