CSS是一種樣式表語言，用于在網頁中設計和布局元素的外觀和樣式。其中，ul、li和span是常用的標記，下面我們詳細介紹一下它們在CSS中的應用。

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

ul是無序列表標記，可以用CSS改變它的樣式。比如，我們可以設置無序列表的標記類型、顏色、大小等屬性。下面是一個例子：

ul {
list-style: square; /*設置無序列表項為正方形標記*/
color: blue; /*設置標記顏色為藍色*/
font-size: 14px; /*設置標記大小為14像素*/
}

li是列表項標記，它包裹在ul標記中，可以設置列表項的樣式。比如，我們可以為每一個列表項設置不同的背景色、字體顏色等屬性。下面是一個例子：

li:first-child {
background-color: yellow; /*設置第一個列表項的背景色為黃色*/
}
li:nth-child(2) {
color: red; /*設置第二個列表項的字體顏色為紅色*/
}
li:last-child {
font-style: italic; /*設置最后一個列表項為斜體*/
}

span是行內元素標記，用于給文字或者句子中的一部分添加樣式。比如，我們可以為一段文字中的某些字體設置顏色、粗細等屬性。下面是一個例子：

p span {
color: green; /*設置p標記中的span標記文字顏色為綠色*/
font-weight: bold; /*設置文字粗細為粗體*/
}

從上述例子我們可以看到，CSS可以為網頁中的元素添加不同的樣式，使得頁面更加美觀和易閱讀。ul、li和span是常用的標記，我們可以通過CSS為它們設置不同的屬性，來達到不同的效果。