div

• div是块元素: 块级元素在浏览器显示时，通常会以新行来开始（和结束）;
• 可用于组合其他 HTML 元素的容器；
• 可用于文档布局，取代了使用表格定义布局的老式方法；
• 与 CSS 一同使用时，<div> 元素可用于对大的内容块设置样式属性;

span

• span是行内元素(也译作内嵌元素);
• 可用作文本的容器;
• 与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性;

两者的区别与联系：

• 区别： 一个div是占一个块的，它的默认display属性是block，表示一个块；而span，它的display默认属性是inline，可以连在一起的。
  举个栗子：
  <div>aaa</div>bbb //显示出来，是两行；
  <span>aaa</span>bbb //显示出来是一行。

• 联系：（块元素和行内元素）可以通过定义CSS的display属性值可以互相转化；
  举个栗子：
  测试＜div style="display:inline">紧跟前面的"测试"显示＜/div>
  ＜span style="display:block">这里会另起一行显示＜/span>

分别在什么情况下使用？

• div一般用于排版，而span一般用于局部文字的样式。