码农成长记——css之外边距、内边距

padding-top:10px;
padding-bottom:10px;
--->直接拉开上下的距离 ：边框往上移

float:left;margin-left:10px;
--->左对齐的同时 保持间距

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

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

margin-left:auto;margin-right:auto;
同时写就是居中对齐

简写
margin:0(上下左右都是同一个值)
margin:0px auto;(第一个值代表上下，第二个值代表左右)
margin:0px 20px 30px;(上  左右  下)
margin:0px 10px 20px  30px;《上右下左》


float:left;(对齐方式 左对齐)  水平方向排列
     :right;（右对齐）


padding--内边距
容器的宽度跟高度加边框的值


padding-left
padding-right
padding-top
padding-bottom

padding:10px;四个值都一样
padding:20px 30px;上下    左右
padding:10px 20px 30px;上  左右  下
padding:10px 20px 30px 40px;上 右 下 左

div,span,.menu{
}    /* 集体声明  */