行内元素、块级元素、行内块元素三者比较

display:inline;转换为行内元素
display:block;转换为块状元素
display:inline-block;转换为行内块状元素

一、行内元素（span、a、select、strong、cite、label、em、br）
最常用的是span
行内元素特征：1、设置宽高无效
2、设置margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间
3、不会自动换行
二、块状元素（div、ul、ol、dl、table、form、h1、p）
最常用是div
特征：1、可以识别宽高
2、margin和padding上下左右都有效
3、可以自动换行
4、多个块状元素标签写在一起，默认排列方式是从上到下
三、行内块元素（img、input）
特征：1、不自动换行
2、能够识别宽高
3、默认排列方式是从左到右
4、元素默认有间距