[TOC] # 1.盒子 ## 1.1盒子的模型  * box-sizing:border-box; 设置padding,和border,它的宽度还是会保持不变 * box-sizing:content-box;(默认设置) 当设置padding和border时宽度会发生改变 ## 1.2盒子模型的传参 ~~~ margin:0; //四个方向都改变 margin:0 10px; //top,bottom为0px;left,right为10px margin:0 10px 20px; //top 0;left,right 10px;bottom 20px; ~~~ padding如上 ~~~ //元素居中仅仅针对块元素有效 margin-left:auto; margin-right:auto; ~~~ ## 1.3元素在盒子中的起始位置 从自身宽度的地方开始