设置边距

设置外边距：

margin-top: 20px; /*margin-right: 30px; margin-bottom: 40px; margin-left: 30px;*/ /*margin:20px;只有一个值，同时设置四个方向的值*/ /*margin:0 20px;两个值，第一个值是上下（x轴）,第二个值是左右（y轴）*/ /*margin:20px 30px 40px;三个值，三个值分别是上  左右  下*/ /*margin: 0 0 0 20px;四个值分别是:上  右  下  左*/

 

设置内边距：与设置外边距一样

padding-top: 20px;

padding-right: 30px; padding-bottom: 40px; padding-left: 30px;

padding:20px;只有一个值，同时设置四个方向的值*/

padding:0 20px;两个值，第一个值是上下（x轴）,第二个值是左右（y轴）*/ padding:20px 30px 40px;三个值，三个值分别是上  左右  下*/ padding: 0 0 0 20px;四个值分别是:上  右  下  左*/

 

padding和margin的区别:当盒子没有宽高时padding可以叠加到盒子的宽高中,而margin不行,除非盒子有内容

盒子正真的宽度=本身的宽度+左边距+右边距+左边框+右边框; 盒子正真的高度=本身的高度+上边距+下边距+上边框+下边框;