1.盒子模型：是一种思维模型，主要用于实现布局效果。
    组成：尺寸大小 + 边框 + 内边距 + 外边距

    1.     1.**尺寸**<br />                设置宽度    width:*px  |  *%;<br />                设置高度    height:*px  |  *%;<br />                说明：行级元素不能设置宽高，块级元素默认宽度为父元素的宽度。<br />                           如果使用百分比，就代表是其父元素的宽或者高的百分比。<br />                           元素没有设置高度，高度就由内容决定。
    3.     2.**边框**<br />                设置四边边框    border:*px  线型  颜色；<br />                设置左边边框    border-left:*px  线型  颜色；<br />                设置右边边框    border-right:*px  线型  颜色；<br />                设置上边边框    border-top:*px  线型  颜色；<br />                设置下边边框    border-bottom:*px  线型  颜色；
    5.             边框的线型有：solid实线    double双线    dashed虚线    dotted点线<br />                **注意**：如果有单个和复合，必须复合在前单个在后。
    7.     3.**内边距**：盒子边框和盒子里面的内容之间的间隔<br />                         设置四边的内边距        padding:*px;<br />                         属性值可以是1-4个，多个就用空格隔开。        上出发，顺时针，有缺省，取对边。<br />                设置左内边距    padding-left:*px  线型  颜色；<br />                设置右内边距    padding-right:*px  线型  颜色；<br />                设置上内边距    padding-top:*px  线型  颜色；<br />                设置下内边距    padding-bottom:*px  线型  颜色；             
    9.             **注意**：padding会撑大盒子哦，记得注意一下宽高。
    11.     4.**外边距**：盒子边框和之外的内容之间的间隔。     <br />                 设置四边的外边距        margin:*px;<br />                 属性值可以是1-4个，多个就用空格隔开。        上出发，顺时针，有缺省，取对边。<br />                设置左外边距    margin-left:*px  线型  颜色；<br />                设置右外边距    margin-right:*px  线型  颜色；<br />                设置上外边距    margin-top:*px  线型  颜色；<br />                设置下外边距    margin-bottom:*px  线型  颜色；  
    13.             1.margin：**垂直方向的粘连问题**：<br />                        1.给父元素添加padding实现，——注意：padding会撑大高度。<br />                        2.给父元素添加透明的边框              border：1px   solid    transparent；<br />                        3.给父元素设置样式            overflow：hidden;
    15.             2.margin垂直方向的塌陷问题：<br />                        1.在一个元素身上设置足够的间隔
    17.     5.**其他细节说明**<br />                文字水平居中        text-align：center;<br />                文字垂直居中        line-height：*px;<br />                盒子水平居中        margin：0 auto;<br />                盒子垂直居中        通过内外边距实现
    19.             做项目的时候，**清除元素自带的内外边距**  *{ margin：0; padding：0; }<br />                可内可外使用内，内不能为负数，外可以为负数。
    21.     2.**浮动**：实现一行多列效果的时候<br />                float：left | right | none;<br />                浮动是让元素排在其父元素的左边或者右边<br />                应用：让块级元素横着排列<br />                注意：浮动会让元素脱离文档流！<br />                           要排在一行的子元素占用的宽度之后 <= 父元素的宽度