前端

外边距：改变元素外边的间距
内边距：改变元素与内容的间距

padding:一个值；改变四个方向
padding:两个值（上下 左右）三个值（上 左右 下）四个值（上 右 下 左）顺时针变化
padding-top:顶部内边距
padding-right: 右内边距
padding-bottom:底部内边距
padding-left:左内边距
注意：内边距没有负值

margin:（一个值）四个方向
margin:（两个值）上下 左右
(三个值)上 左右 下
（四个值）上 右 下 左
margin-top:上外边距
margin-right：右外边距
margin-bottom：下外边距
margin-left：左外边距
注意：外边距可以有负值 auto 自适应

margin常见bug：1、上下外边距相遇，只显示较大值
2、嵌套关系的元素，子元素的上外边距和父元素的上外边距相遇，取较大值
盒模型计算大小：w=width+左右边框+左右内边距+左右外边距
h=height+上下边框+上下内边距+上下外边距
切图方式：矩形选框工具选中=>ctrl+c=>ctrl+n=>ctrl+v=>ctrl+shift+alt+s 存储