一、块级元素、行内块元素、行内元素
1.块级元素
div、ul、li、ol、table、tr、p、h1~h6、form
可以设置宽高
独占一行
从上倒下排列
margin和padding对上下左右都有效
2.行内块元素
img、input
能够识别宽高
不独占一行
从左至右排列
3.行内元素
span、a、b、strong、i、em
不能识别宽高
不独占一行
从左至右排列
margin和padding对左右有效,对上下无效
二、相互之间的转换
display:block 块级元素
display:inline-block 行内块元素
display:inline 行内元素