CSS中的有序與無(wú)序定義

在CSS中，有序和無(wú)序的定義主要涉及到列表元素（如ul和ol），有序列表使用數(shù)字或字母進(jìn)行排序，而無(wú)序列表則使用項(xiàng)目符號(hào)（如圓點(diǎn)或方塊）進(jìn)行標(biāo)記。

有序列表（Ordered List）

有序列表使用<ol>元素來(lái)定義，列表項(xiàng)使用<li>元素，瀏覽器會(huì)自動(dòng)為有序列表中的每個(gè)項(xiàng)目分配一個(gè)***的數(shù)字序號(hào)。

<ol>
  <li>項(xiàng)目1</li>
  <li>項(xiàng)目2</li>
  <li>項(xiàng)目3</li>
</ol>

無(wú)序列表（Unordered List）

無(wú)序列表使用<ul>元素來(lái)定義，同樣使用<li>元素作為列表項(xiàng)，瀏覽器會(huì)自動(dòng)為無(wú)序列表中的每個(gè)項(xiàng)目分配一個(gè)項(xiàng)目符號(hào)（通常是圓點(diǎn)）。

<ul>
  <li>項(xiàng)目1</li>
  <li>項(xiàng)目2</li>
  <li>項(xiàng)目3</li>
</ul>

樣式定義

在CSS中，你可以通過(guò)list-style-type屬性來(lái)定義列表的樣式，將有序列表的序號(hào)樣式定義為字母：

ol {
  list-style-type: lower-alpha; /* 使用小寫(xiě)字母作為序號(hào) */
}

或者將無(wú)序列表的項(xiàng)目符號(hào)定義為方塊：

ul {
  list-style-type: square; /* 使用方塊作為項(xiàng)目符號(hào) */
}

有序列表：使用<ol>元素定義，瀏覽器會(huì)自動(dòng)分配數(shù)字序號(hào)。

無(wú)序列表：使用<ul>元素定義，瀏覽器會(huì)自動(dòng)分配項(xiàng)目符號(hào)。

- 通過(guò)list-style-type屬性可以自定義列表的樣式。