css盒子模型的学习

盒子模型
    margin外边距（上下左右）找到最近的对象（父子、兄弟关系）
    padding内边距（上下左右)相对于自己

margin-left
margin-right
margin-top
margin-bottom

    水平方向居中对齐：margin-left：auto；margin-right：auto
                简写：margin：0px auto;(第一个值代表上下，第二个值代表左右)   
                      margin：0px（上下左右都一样）
                      margin：0px 10px 20px 30px（上 右 下 左顺时针）
                      margin：30px 10px 50px（上 左右 下）


  float：left；对齐方式（左对齐）（水平方向排列）
  float：right；右对齐


容器的宽度和高度加边框的值



内边距（相对自己填充）：
padding-left
padding-right
padding-top
padding-bottom



<header></header>头部标签

<nav></nav>导航标签