在CSS中，div和span是兩種最基本的元素。它們的主要作用是對HTML文檔進行布局和樣式設置。通過對div和span的合理運用，能夠幫助實現頁面結構的優化和樣式的美化。

div是塊級元素，它的特點是會獨占一行空間，并且可以設置寬度、高度、邊框、背景等樣式。div通常用于布局，可以將一組相關的元素劃分到一個div中，方便進行樣式統一和組件復用。例如，我們可以將頭部、內容區域、底部三個部分分別放到不同的div中，然后對每個div進行樣式設置。

<div id="header">
<h1>這是頭部</h1>
</div>
<div id="content">
<p>這是內容區域</p>
</div>
<div id="footer">
<p>這是底部</p>
</div>

span是行內元素，它的特點是不會獨占一行空間，而是緊貼著其前面或后面的元素顯示。span主要用于文本樣式的設置，可以改變字體、顏色、大小等，同時也可以作為包裝元素，將一組相關的元素放到不同的span中進行樣式設置。例如，我們可以將一段文字的不同部分（如關鍵字、日期等）分別放到不同的span中，然后對每個span進行樣式設置。

<p>今天<span class="date">2022年10月1日</span>是國慶節，大家一起慶祝吧！</p>

綜上，div和span有著不同的應用場景和使用方法。如果需要對一個獨立的組件進行樣式設置，應該使用div；如果需要對一段文本進行樣式設置，應該使用span。