css区别行盒（行内元素），块盒（块级元素），行块盒

1. 常见块级元素有：
   html、body、div、header、footer、nav、section、aside、article、p、hr、 h1~h6、ul、ol、dl、form、table、tbody、thead、tfoot、tr等；

2. 常见行内元素有：
   span、a、img、textarea、button、input、br、label、select、canvas、progress、cite、code、strong、em、audio、video，b, i, strong等

block元素的特点

1. 总是在新行上开始，独占一行（霸道）；
2. 高度，行高以及外边距和内边距都可控制；
3. 宽度是它的容器的100%，除非设定一个宽度。
4. 它可以容纳内联元素和其他块元素

inline元素的特点

1. 和其他元素都在一行上；
2. 高，行高及外边距和内边距不可改变；
3. 宽度就是它的文字或图片的宽度，不可改变
4. 内联元素只能容纳文本或者其他内联元素

inline-block元素特点（兼顾 bolck 和 inline）

1. 和其他元素都在一行上；
2. 高度，行高以及外边距和内边距都可控制；
3. 宽度是它的容器的100%，除非设定一个宽度。
4. 它可以容纳内联元素和其他块元素