css - 行内元素，块级元素，行内块元素
1、块级元素（block-level）
- 独占一行，其宽度自动填满其父元素宽度（即使设置了宽度仍然是独占一行的）
- 多个块状元素标签写在一起，默认排列方式为从上至下
- 高度，行高，外边距（margin）以及内边距（padding）都可以控制
- div h1-h6 p ul ol li nav aside header footer section article address form table
2、行内元素（内联元素 inline-level）
- 不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下才会自动换行，其宽度随元素的内容而变化
- 设置行高有效，等同于给父级元素设置行高
- 高宽无效，对外边距（margin）和内边距（padding）仅设置左右方向有效上下无效。
- 内边距（padding）设置上下从显示效果是增加的，但其实设置时无效的，并不会影响周围的元素
- 行内元素中不能放块级元素，a 链接里面不能再放链接
- span a label i b strong em del(删除线) ins(下划线) sub(下标) sup（上标）
3、行块级元素（inline-block 综合了行内元素和块状元素的特性）
- 高度、行高、外边距以及内边距都可以控制。
- 默认宽度就是它本身内容的宽度，不独占一行，但是之间会有空白缝隙，设置它上一级的font-size为0，才会消除间隙
- button input textarea select img
4、转换
- 转换为行内元素 display: inline;
- 转换为块状元素 display: block;
- 转换为行内块状元素 display:inline-block;
