padding和margin的数值设置方式

 padding也是复合属性 padding:20px 上右下左都是20px 

 顺序是按照 上右下左的顺序来设置的（padding: 20px 15px 10px 5px ）

 分开设置： padding-top:20px

                    padding-right:15px

                    padding-bottom: 10px

                    padding-left:5px

 下面的会把上面的属性值覆盖： padding:20px

                                                    padding-top:40px 

 padding:10px 20px 15px：（ 上10px  左右20px 下15px）     

上下 10px 左右 20px ：（ padding:10px 20px）

上右下左的外边距都是30px ：margin:30px

上边距30 左右20 下40 ：（ margin:30px 20px 40px）

上下10 左右30 ：（  margin:10px 30px ）

也可以分开写：margin-top: 10px

                         margin-right: 20px

                         margin-bottom: 30px 

margin可以给负值，会超出边界 ： margin-left: -40px

下面的会把上面相同属性的值覆盖 ：margin:30px

                                                           margin-left:-30px 

品牌型号：AppleMac Book Pro 13.3

系统：macOS12.1

padding属性定义元素边框与元素内容之间的空间。padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。

当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。padding:20px，表示四个方向的内边距都是20px；padding:20px 40px，表示padding-top和padding-bottom为20px，padding-right和padding-left为40px。

---