1. 块级标签
块级元素是指可以独占一行的元素，相对于父级容器而言，块级元素会自动占满可用的水平空间。
常见的块级元素有：p标签、div标签、h1到h6标签、ul标签、ol标签等。
2. 行内元素
行内元素又被称为内联元素，即它们在一行中显示，并且不会强制换行。相对于父级容器而言，行内元素只会占据内容所需要的水平空间。
常见的行内元素有：span标签、a标签、img标签、input标签等。
3. 行内块级元素
行内块级元素是介于行内元素和块级元素之间的一种特殊状态，即既具备了行内元素的水平特性，又具备了块级元素的块特性。
常见的行内块级元素有：button标签、textarea标签、select标签等。
4. display属性
在HTML中，可以通过CSS的display属性来控制元素的显示模式。
常见的display属性取值有：block、inline、inline-block。
如果想将一个元素设置为块级元素，可以使用以下CSS代码：
element {
display: block;
}
如果想将一个元素设置为行内元素，可以使用以下CSS代码：
element {
display: inline;
}
如果想将一个元素设置为行内块级元素，可以使用以下CSS代码：
element {
display: inline-block;
}
5. 块级元素与行内元素的区别
5.1 盒模型
块级元素会根据width和height属性自动撑开，而行内元素则不会。
5.2 垂直方向的margin和padding
对于块级元素来说，垂直方向的margin和padding会像外扩一样增加元素的高度；对于行内元素来说，垂直方向的margin和padding则不会影响元素的高度。
5.3 清除浮动
当父元素只包含浮动元素时，块级元素可以通过设置clear属性来清除浮动的影响；而行内元素则不能清除浮动。