元素<div>和<span>用于标记HTML页面的某些部分以进行特殊格式设置。默认情况下，这两个元素没有任何特定的样式，但是我们可以使用CSS为它们分配样式。

<div>和<span>之间的主要区别在于，<div>被显示为块，而<span>被内联显示。为了说明不同之处，请看下面两个HTML示例：

This is a line of text <div>with some text in a div</div>
    and some text after.

This is a line of text <span>with some text in a span</span>
    and some text after.

这是div示例在浏览器中的显示方式：

这是一行文本，其中一些文本在div中

还有一些文字。

以下是" span"示例在浏览器中的显示方式：

这是一行文本，跨度中有一些文本，其后是一些文本。

如我们所见，<div>元素被认为是与嵌入文本的单独的块(正方形)，在<div>元素之前和之后都有垂直空格。

span元素以内联方式显示，这意味着它随嵌入的文本一起流动。换句话说，周围的文本和<span>元素之间没有垂直空间。

div和span元素和CSS

如果不对它们应用CSS样式，<div>和<span>元素并不会真正有用。使用CSS，我们可以使用<div>和<span>做很多有趣的事情。例如，我们可以创建彼此浮动的HTML图层。使用JavaScript，我们可以移动这些层，隐藏它们，显示它们，淡入和淡出等等。