A diferença entre margin e padding em CSS

CSS中margin和padding的区别如下：
1、定义方面的区别：
边界(margin)：元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。
padding称为内边距，其判断的依据即边框离内容正文的距离，官方说法叫补白(padding)：补白位于元素框的边界与内容区之间。很自然，用于影响这个区域的属性是padding。
2、功能方面：

margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。
3、效果方面：
margin用于布局分开元素使元素与元素互不相干；padding用于元素与内容之间的间隔，让内容（文字）与（包裹）元素之间有一段“呼吸距离”。