[记录]-块元素、行内元素的区别与行内块元素

块级元素和行内元素的特点：

（1）块级元素独占一行，行内元素在同一行显示。

（2）块级元素默认宽度为100%（相对父容器），行内元素宽度默认由内容撑开。

（3）会计元素可以设置宽高，行内元素设置宽高不生效。

（4）块级元素可以设置margin和padding的四周，行内元素只能设置margin和padding的左右方向。

行内块元素是兼具上述两者特点的元素：

（1）和相邻行内元素在同一行，但是之间会有空白缝隙。

（2）默认宽度是他本身内容的宽度。

（3）宽度、高度、行高、margin以及padding都可以像块级元素那样设置。

常见的块级元素有：div，hn，p，hr，ul，ol，li，dl，dt，dd，table，tr，td，th，form，header，nav，footer，aside，article，section。

常见的行内元素有：span，img，a，b，i，u，s，del，em，strong，sub，input，button，textarea，audio，video。

常见的行内块元素有：textarea，img，input。

可以设置display属性：display: block / inline / inline-block，来转换其元素类型。