css内边距和外边距的区别？

（一）内边距

CSS padding 属性定义内边距，即边框与元素内容之间的空白区域

padding 属性接受长度值或百分比值，但不允许使用负值

.wrap{
    display: inline-block;
    padding: 20px;
    background: skyblue;
    border: 1px solid #000;
}

（相关课程推荐：css视频教程）

（二）外边距

围绕在元素边框的空白区域是外边距。设置外边距会使得文本在自己的背景里空出来。
而内边距是带着文本背景一块偏离，空出高层空白

.wrap{
    display: inline-block;
    padding: 20px;
    margin: 20px;
    background: skyblue;
    border: 1px solid #000;
}

内边距和外边距的区别：

● 内边距使用padding属性定义

● 外边距使用margin属性定义

● 内边距是边框到内容的距离

● 外边距是对象外边距向外延伸的距离。

● 内边距不能为负值，外边距可以为负值