块级元素
典型代表: div ,p, h,ul....
特点:
1:独自占据一行
2:可以设置有效宽高
3:当发生嵌套的时候,如果没有给子元素设置宽高,子元素的宽度和父元素一样宽
行内元素
代表: span, em,a,strong....
特点:
1:多个元素在一行内显示
2:无法设置有限宽高
3:宽度由容器里的内容决定
行内块元素
代表:input,img...
特点:
1:多个行内块在一行上显示
2:可以设置有效宽高
模式转换
display 设置元素的显示模式
block 转换为块级元素
inline 转换为行内元素
inline-block 转换为行内块元素