浮动

浮动:

Float:left/right

清楚浮动:浮动元素的父级

clearfix:before

clearfix:after{

      content:"";

      Display:table;

      Clear:both;

      可以清楚浮动，可以解决margin-top/bottom的父级盒模型高度丢失

    盒模型:

    Width:数值(单位)

    height:数值(单位)

    paddingq-top/right/bottom/left:数值(单位)内间距

  padding:上 下  左 右

  padding:上 右  下 左

Border-color

Border-style:dotted(点划线)、dashed(虚线)、solid(实线)

Border-width

Border-radius

margin-top/right/bottom/left:数值(单位)外间距

margin:上 下    左 右

margin:上 右  下 左

元素转换:display:block块元素/table表格元素/inline-block行级块元素/table-call单元格元素/inline行元素