- html有三種列表:有序列表寄雀、無序列表炒俱、自定義列表
-
有序列表:
- 有序列表是一列項(xiàng)目,列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記赡盘。
有序列表始于
<ol>
標(biāo)簽号枕。每個(gè)列表項(xiàng)始于<li>
標(biāo)簽。-
不同類型的有序列表:
使用場(chǎng)景:有明顯排序時(shí)使用有序列表
-
無序列表:
- 無序列表也是一個(gè)項(xiàng)目的列表陨享,此列項(xiàng)目使用粗體圓點(diǎn)(典型的小黑圓圈)進(jìn)行標(biāo)記葱淳。
- 無序列表始于
<ul>
標(biāo)簽。每個(gè)列表項(xiàng)始于<li>
抛姑。 -
不同類型的無序列表
- 使用場(chǎng)景:有并列排列時(shí)使用無序列表
-
自定義列表:
- 自定義列表不僅僅是一列項(xiàng)目赞厕,而是項(xiàng)目及其注釋的組合。
- 自定義列表以
<dl>
標(biāo)簽開始定硝。每個(gè)自定義列表項(xiàng)以<dt>
開始皿桑。每個(gè)自定義列表項(xiàng)的定義以<dd>
開始。
-
有序列表蔬啡、無序列表诲侮、自定義列表三者語義上的差別
- 無序列表適合成員之間無級(jí)別順序關(guān)系的情形;
- 有序列表適合各項(xiàng)目之間存在順序關(guān)系的情形箱蟆;
- 自定義列表用于一個(gè)術(shù)語名對(duì)應(yīng)多重定義或者多個(gè)術(shù)語名同一個(gè)給出的定義沟绪,也可以只有術(shù)語名稱或只有定義,也就是說
<dt>
與<dd>
在其中數(shù)量不限空猜、對(duì)應(yīng)關(guān)系不限绽慈。
三種列表可以相互嵌套
- 如何去除列表前面的點(diǎn)或者數(shù)字?
使用list-style: none
可以去除列表前面的點(diǎn)或這數(shù)字
list-style
是一個(gè)簡(jiǎn)寫屬性辈毯,涵蓋了所有其他列表樣式屬性坝疼。由于它應(yīng)用到所有display
為list-item
的元素,所以在普通的 HTML 和 XHTML 中只能用于 li 元素谆沃,不過實(shí)際上它可以應(yīng)用到任何元素钝凶,并由list-item
元素繼承。
可以按順序設(shè)置如下屬性:
-
list-style-type
設(shè)置列表項(xiàng)標(biāo)記的類型 -
list-style-position
設(shè)置在何處放置列表項(xiàng)標(biāo)記 -
list-style-image
使用圖像來替換列表項(xiàng)的標(biāo)記