先来看看三者之间的属性以及作用

<div>：无意义的块级标签，作用：在页面布局中划分页面版块区域

<span>：无意义的行级标签，作用：在页面布局中存放内容，span不能设置width、height，其内容width、height由文本内容控制

<p>:段落标签，块级标签，独立占据一行，可以设置width、height

块级标签与行级标签（内联标签）

块级标签：块元素，一般是单独占一行，不管内容多少，总是占一行，块级标签的大小可以通过width，height属性的属性值来设置，如果都不给，宽度是默认为浏览器页面的宽度，高度为内容的高度。

行级标签（内联标签）：行内元素，不会单独占一行，行内元素的宽度是由内容决定的，多个行内元素在一起，只会占一行