CSS中的div和span是两种常见的标记，它们在HTML文档中不代表任何具体的语义，但在CSS中却有着重要的作用。

首先，我们来看看div的作用。div是一个块级元素，可以用来将HTML文档中的内容划分成不同的块。通过CSS样式，我们可以对这些块进行排版、布局和样式的设置，比如设置宽度、高度、背景颜色等。以下是一个例子：

<div ><p>这是一个块级元素的例子</p><p>注意看一下它的样式</p></div>.container {width: 200px;height: 200px;background-color: lightgray;}

通过给div设置样式，我们将它的宽度和高度都设置为200像素，并用灰色作为背景颜色。在div中，我们还放了两个段落。这两个段落的样式设置不会影响div的样式。

接下来，我们再介绍一下span。与div不同，span是一个行内元素，通常用于对文本进行样式的设置。通过设置span的样式，可以改变其文本的字体、颜色、大小等。以下是一个例子：

<p>这是一个行内元素的例子，<span >请注意看一下这里的文本样式</span></p>.highlight {font-weight: bold;color: red;}

通过设置span样式，我们将其文本加粗并设置为红色。

总之，div和span在CSS中都有其重要的作用。div可以用来对HTML文档进行划分、布局和样式的设置，而span则可以对文本进行精细的样式设置。