一、块级

"块级元素"默认的css代码display:block;
通常包含：div，p，ul，ol，li等元素。
特点是：
1.每一个元素单行显示
2.高度，宽度内外边距都可以控制
3.可以包裹“块”“行内”“行内块”

二、行内

“行内元素”默认的css代码display:inline;
通常包含：span，b，i，em，a等元素。
特点是：
1.元素从左到右依次显示，排不下会换行
2.高度和宽度无效，单水平方向的padding和margin可以设置，默认的宽度就是他本身内容的宽度
3.行内元素只能容纳文本或其他行内元素

三、行内块

“行内块元素”默认的css代码display:inline-block;
特点是：
1.元素从左到右依次显示，排不下会换行
2.高度，行高，内外边距都可以控制
3.默认宽度就是他本身内容的宽度
4.有些元素，比如多个img排列会出现1px左右的空隙，将元素转换成“行内块”元素就不会出现这种情况，具体看实战中示例，“行内块”用的比较少，在处理这种特殊情况下可能会遇到

总结

元素之间可以相互转换，当“块级元素”的样式为display:inline时，就会将块级元素转化成行内元素。同理，其他两种也可以转换。

附：带有功能的标签

h1,h2,h3等标题标签
ul,ol,li 列表标签
i 文字倾斜标签
b 文字加粗标签
a 文字链接标签