块状元素(block):
- 总是另起一行开始
- 高度,行高以及顶、底边距都可控制;行高可以设置文字内容的垂直位置
- 若不设置大小,默认为父元素的100%
我是h1
我是h6,我宽100,高50
内联元素(inline):
- 和其它元素都在一行上
- 高度,行高以及顶、底边距不可改变;行高只能改变占据的高度
- 宽度就是它所容纳的文字或图片的宽度,不可改变
我是一个span,常用内联元素,我的高度和行高,底边距都是无效的
inline-block:它具有inline元素的在同一行,又具有块状元素可以设置宽高,顶底边距
我是内联块状元素我是纯内联