黑色的那条线是边框，是区分img标签和其他标签的分界点
绿色部分是padding，他是属于img标签的一部分
橘色部分是margin，他用于和其他元素拉开距离，他不是img的一部分
针对用margin还是padding的问题，我个人是这样认为的：
padding 能很好的控制元素内部内容的位置（例如，图片四周的留白，文字在容器内的页边距）
margin 能很好的控制元素之间的位置（例如，2个li之间空一些距离）
修改padding，在box-sizing为border-box的情况下，不会影响其他元素的位置
修改margin，不会对元素本身内容的位置造成影响
通常来说，大多数html元素均为块级元素（块级元素的表现是：以新行开始或结束，例如p，在默认情况下，p是占一整行的）
当然，其他元素可以设定display:block来成为块级元素
针对于img元素来说，设置为块级元素意义不大，因为他已经不能再在自己的内存嵌套其他元素了，设置img为块级元素，大多都是为了解决一些css的兼容性问题，例如在ie6下，设置img为block可以解决图片下面留白的问题
168
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
