元素

块级元素

display: block
1.一行一个
2.可以改变宽高
3.可以设置margin、padding
如div、h1、h2、...

行内元素

display: inline
1.一行多个
2.不能改变宽高
3.margin、padding:水平方向(√)、竖直方向(×)
如span、a
由文本决定宽高

行内块级

display: inline-block
1.多个元素并排一行
2.可以改变宽高
3.可以设置marign、padding

元素间的相互转化

通过设置display属性完成块级元素、行内元素、行内块级元素之间的转化