块状元素与行内元素是CSS学习的基础内容，下面进行详细讲解！
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为块级元素；而span元素的默认display属性值为“inline”，称为行内元素。

块级元素：会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子。

行内元素：则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。

常见的块级元素和行内元素块级元素：
div、p、h1-h6、hr、ul、ol

行内元素：
a、b、i、u、em、input、select、img、label、br

CSS块元素与行内元素的转换：

块转行内：display:block; 
行内转块：display:inline;

块元素与行内元素的区别与相互转换