margin属性

margin 用于设置盒子与盒子之间的距离

margin-top

margin-bottom

margin-left

margin-right

取值：px

em

百分比

允许用负值

outo 浏览器自动计算，实现已知宽度的盒子水平居中

图片下产生间隙的原因

父元素没有设置高度，由图片撑开，就会产生间隙

方法：①给img的父元素设置高度，和图片的高度一致

②给img的父元素设置font-size为0，或者line-height为0

③给img标签转换为块级元素，display：block;

④给img标签设置垂直对齐方式 vertical-align:middle/top/bottom/baseline;