>### 盒子模型 ### 1.content（自身宽高）,padding（填充）,border（边框）,margin（外边距）  ### 2.盒子模型margin,padding,border的传参 margin:10px;(传一个参数，四个方向都改变) margin:10px 20px;(top,bottom为10px;left,right为20px) margin:10px 20px 30px;(top为10px,right为20px,bottom为30px,left为20px) 总结：也就是按顺时针（上右下左的方向依次改变）,padding,border同理一样 ### 3.水平居中 ~~~ margin-left:auto; margin-right:auto; 仅仅针对块元素有效 ~~~ #### 4.如何让内联和内联块水平居中 ~~~ 方法一： //给他自身 display:block; margin-left:auto; margin-right:auto; 方法二： //给他父类元素 text-align:center; ~~~