1+X证书学习日志——盒模型

##       

　　　  padding的作用:

                控制子元素和父元素之间的位置关系

                

            padding设置方法:

                padding:10px

                padding:10px 20px  上下  左右

                padding:10px 20px 30px    上 左右 下

                padding:10px 20px 30px 40px   上右下左

            添加padding:  必须在宽高的基础上减去padding大小      有点类似给快递包裹塞填充物

 

            margin:的作用:

                控制盒子与盒子之间的位置关系

            margin的设置方法:

                margin:10px

                margin:10px 20px  上下  左右

                margin:10px 20px 30px    上 左右 下

                margin:10px 20px 30px 40px   上右下左

            相邻两个盒子上下的margin值.按照最大值设置.

            margin:0 auto;  //让当前元素在父元素里面左右居中