1. 行内元素,块状元素,行内块状元素

三者可以通过display进行相互转换：display：block（块元素）、display：inline（行内元素）、display：inline-block（行内块元素）

• 行内元素

span , img ,a, input, select, u, i, b, lable等
行内元素特征：

• 设置宽高无效
• 对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间
• 不会自动进行换行

• 块级元素

p, div, h1-h6, ul, ol, table, hr,address,menu, header, footer, section,aside等.
块状元素特征：

• 能够识别宽高
• margin和padding的上下左右均对其有效
• 可以自动换行
• 多个块状元素标签写在一起，默认排列方式为从上至下

• 行内块级元素

行内块状元素特征：

• 不自动换行
• 能够识别宽高
• 默认排列方式为从左到右