前言
我们可以发现，为了布局方便，有的元素相对于前后元素，它是直接独占一行的，比如标题；但是有的元素相对于它的前后元素就是连着的，比如span和img元素等。
因此为了区分具体哪些元素要独占一行，哪些不需要，css将这些元素分成两类：独占父元素一行的块级元素，以及父元素内一行可以显示多个元素的行内元素。
一般情况下，行内元素只能包含数据和其他行内元素。 而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
常见的元素
- 常见的块级元素有 h1~h6、p、div等，其中div标签是最典型的块元素。
- 常见的行内元素有a、i、span等，其中span标签最典型的行内元素。有的地方也成内联元素
- 在行内元素中有几个特殊的标签——img、input，可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。
相互转换
属性名叫display，值为block时代表块级元素；值为inline时代表行内元素，因此我们可以把div从块级元素改成行内元素。
div {
display: inline;
}
display还有额外的两个值：
- inline-block：行内块元素。
- none：隐藏元素。