块元素与行内元素对我们的页面布局至关重要。

1、块级元素:换行,能够识别宽高

a、在页面中独占一行,自上向下垂直排列
b、可以设置width、height属性
c、一般块级元素可以包含行内元素和其他块元素
常见的块级元素:

  1. divformh1-h6hrptableul、等

2、行内元素:不换行,不能够识别宽高

a、行内元素不会独占页面中的一行,只占自身的大小
b、行内元素设置width、height无效
c、一般内联元素包含内联元素不包含块级元素
常见的行内元素:

  1. abemispanstrong

3、行内块级元素:不换行,但能够识别宽高

常见的行内块级元素:

  1. imgbuttoninput