CSS中的div和span是兩種常見的標記，它們在HTML文檔中不代表任何具體的語義，但在CSS中卻有著重要的作用。

首先，我們來看看div的作用。div是一個塊級元素，可以用來將HTML文檔中的內容劃分成不同的塊。通過CSS樣式，我們可以對這些塊進行排版、布局和樣式的設置，比如設置寬度、高度、背景顏色等。以下是一個例子：

<div class="container">
<p>這是一個塊級元素的例子</p>
<p>注意看一下它的樣式</p>
</div>
.container {
width: 200px;
height: 200px;
background-color: lightgray;
}

通過給div設置樣式，我們將它的寬度和高度都設置為200像素，并用灰色作為背景顏色。在div中，我們還放了兩個段落。這兩個段落的樣式設置不會影響div的樣式。

接下來，我們再介紹一下span。與div不同，span是一個行內元素，通常用于對文本進行樣式的設置。通過設置span的樣式，可以改變其文本的字體、顏色、大小等。以下是一個例子：

<p>這是一個行內元素的例子，<span class="highlight">請注意看一下這里的文本樣式</span></p>
.highlight {
font-weight: bold;
color: red;
}

通過設置span樣式，我們將其文本加粗并設置為紅色。

總之，div和span在CSS中都有其重要的作用。div可以用來對HTML文檔進行劃分、布局和樣式的設置，而span則可以對文本進行精細的樣式設置。