margin和padding对行内元素的影响
学习记录
margin和padding对行内元素是有作用的，而不同类型的元素的表现也不同，可分为替换元素和非替换元素来进行讨论。
替换元素：input,img,textarea等标签内的内容会根据标签属性进行设置的元素
非替换元素：p,a,div等元素
margin和padding对行内元素的影响：
margin - 行内替换元素
- 设置margin-top和margin-bottom 会使元素行高增加或减少，这取决于margin的值。
- 设置margin-left和margin-right 对自身元素有影响。
margin - 行内非替换元素
- 设置margin-top和margin-bottom 对自身元素没有影响，对行高也没有影响。其原因就在于行内非替换元素的外边距不会改变一个元素的行高。
- 设置margin-left和margin-right，对自身元素有影响。
padding - 行内替换元素
- padding-top和padding-bottom，对自身元素有影响，会影响其行高，会撑开父元素。
- padding-left和padding-right，对自身元素有影响，设置左右内边距，左右内边距将是可见的。
padding - 行内非替换元素
- padding-top和padding-bottom，对自身元素有影响，但不会影响其行高，不会撑开父元素。
- padding-left和padding-right，对自身元素有影响。
