今天認識html世界里的一個新朋友——列表標簽，列表標簽家族包含三兄弟：有序列表、無序列表和定義列表。本文的章節(jié)布局：
- ol、ul和dl的語法及運行效果
- 列表的CSS
- 列表的嵌套
1. ol、ul和dl的語法及運行效果
- 有序列表是使用有序符號（阿拉伯?dāng)?shù)字、英文及羅馬數(shù)字）進行標記的一列項目
語法及運行效果：
- ol的type屬性和start屬性
ol可以設(shè)置type屬性，屬性值包括a、A、I、i等
start屬性規(guī)定有序符號的起始值
- 無序列表是使用幾何符號（disc、circle和square）進行標記的一組項目
語法及運行效果，type屬性：
- 定義列表定義一組項目及其注釋
語法及運行效果：
從語義上來講，三組標簽分別對應(yīng)不同具有含義的列表：
- 無序列表適合成員之間無級別順序關(guān)系的情形；
- 有序列表適合各項目之間存在順序關(guān)系的情形；
- 定義列表用于一個術(shù)語名對應(yīng)多重定義或者多個術(shù)語名同一個給出的定義，也可以只有術(shù)語名稱或只有定義。
2. 列表的CSS
列表最重要的CSS屬性便是list-style屬性，它的語法如下：
list-style:list-style-image||list-style-position||list-style-type
- list-style-image可定義列表前所使用圖片;
-
list-style-position屬性取值含outside、inside； - outside為默認值，列表項目標記此時被放置在文本以外，它將環(huán)繞文本在文本之外，inside列表項目旋轉(zhuǎn)在文本以內(nèi)，環(huán)繞文本對齊。
- list-style-type為列表顯示類型 ，它共有9種常見屬性值：
- disc:默認值。實心圓
- circle:空心圓
- square:實心方塊
- decimal:阿拉伯?dāng)?shù)字
- lower-roman:小寫羅馬數(shù)字
- upper-roman:大寫羅馬數(shù)字
- lower-alpha:小寫英文字母
- upper-alpha:大寫英文字母
- none:不使用項目符號
我們可以看到，三種不同列表實際上只是list-style-type默認值不一樣而已，通過設(shè)置list-style-type即可實現(xiàn)不同顯示效果。
3.列表的嵌套
- 列表的嵌套比較簡單，只是要注意嵌套是不要把標簽套亂和良好寫碼習(xí)慣
參考資料
