前端學習 -- Css -- 有序清單和無序清單

清單就相當于去超市購物時的那個購物清單，

在HTML也可以建立清單，在網頁中一共有三種清單：

1.無序清單

2.有序清單

3.定義清單

- 使用ul标簽來建立一個無序清單

- 使用li在ul中建立一個一個的清單項，

一個li就是一個清單項

通過type屬性可以修改無序清單的項目符号

可選值：

disc，預設值，實心的圓點

square，實心的方塊

circle，空心的圓

注意：預設的項目符号我們一般都不使用！！

如果需要設定項目符号，則可以采用為li設定背景圖檔的方式來設定

ul和li都是塊元素

有序清單和無序清單類似，隻不過它使用ol來代替ul

有序清單使用有序的序号作為項目符号

type屬性，可以指定序号的類型

1，預設值，使用阿拉伯數字

a/A 采用小寫或大寫字母作為序号

i/I 采用小寫或大寫的羅馬數字作為序号

ol也是塊元素

清單之間都是可以互相嵌套，可以在無序清單中放個有序清單

也可以在有序清單中放一個無序清單

結果：