常见行内元素+常见块元素+空元素+元素之间的转换

1.常见行内元素

span    img    input   button  a(超链接)   strong  等

2.常见块元素

div   p   h1~h6   ul   li   footer   header 等 

 3.行内块元素

img标签也可以看做行内块元素，既不独占一行，也可以设置宽高

 4.空元素

没有内容的元素叫空元素

br    hr(水平线)  等

5.元素之间的转换问题

display:inline             把某元素转换成了行内元素   --->不独占一行，且不能设置宽高

display:inline-block  把某元素转换成了行内块元素   --->不独占一行，可以设置宽高

display:block            把某元素转换成了块元素   --->独占一行，可以设置宽高