CSS中的span和

是常用的兩種容器元素。它們有著不同的使用場景和特點。

span是行內元素，通常用來給文本附加樣式。可以用來設置字體顏色、字體大小、字體樣式等。它不會破壞行的結構，可以在一行內同時出現多個span。它的默認寬度和高度是根據其內容的大小來動態調整的。

是塊級元素，通常用來定義一個頁面區域，可以和其他塊級元素并列放置。它的默認寬度是父元素的寬度，高度則是根據其內容和內邊距的總和來計算的。它可以被用來劃分頁面結構，將頁面布局和內容分離開來，使得CSS樣式的編寫更加方便。

/* 以下是一個樣式示例 */
span {
color: red;
font-size: 14px;
font-weight: bold;
}
div {
width: 300px;
height: 200px;
background-color: gray;
padding: 10px;
margin: 10px;
}

在實際使用中，我們通常將span用于文本的樣式設置，將

用于頁面布局的劃分和樣式的設置。當我們需要顯示一段文字，并給其中某些關鍵字設置不同的樣式時，就可以使用span元素。而當我們需要將頁面分成不同的區域，并設置每個區域的樣式時，就可以使用元素。