margin和padding的区别和设置

其中，margin是指外边距（从自身边框到另一个容器边框之间的距离）；padding是指内边距（自身边框到自身内部另一个容器边框之间的距离）；（那margin和padding之间的，就是border，边框）；

 

这其中外边距和内边距的设置例子如下：

（1）padding-left:10px; /margin-left:10px;　　　　　　　  　　左内/外边距

（2）padding-right:10px; /margin-right:10px; 　　　　　　　　右内/外边距

（3）padding-top:10px; /margin-top:10px; 　　　　　　   　　上内/外边距

（4）padding-bottom:10px; /margin-bottom:10px;           　　下内/外边距

（5）padding：10px;/ margin:10px; 　　                       　　  四边统一内/外边距

（6）padding:10px 20px; /margin:10px 20px; 　　　　　　　　 上下、左右内/外边距

（7）padding:10px 20px 30px;/margin:10px 20px 30px; 　　     上、左右、下内/外边距

（8）padding:10px 20px 30px 40px;/margin:10px 20px 30px 40px; 上、右、下、左内/外边距

设置的时候有这样的格式：

四个值时	margin：上 右 下 左 （即顺时针方向）
三个值时	margin;上 左右 下
两个值时	margin：上 下
一个值时	margin：上下左右

备注：

margin：0 auto；  只对块级元素起作用

将Padding设置为负值无效：

 

 

其中参考学习了以下链接：

https://www.cnblogs.com/zxnn/p/8186225.html

https://blog.csdn.net/Searchin_R/article/details/82799540

 

待续