HTML 列表

利用原生的HTML能夠建立普通列表、有序列表、符號列表和描述列表

列表是利用元素嵌套實現，因此都是由父元素和子元素組成的，父元素指定建立列表類型，而子元素用於指定要建立的列表項

有序列表

用於對列表項順序很是關注的場合

建立有序列表：ol父元素，li子元素

 1 <ol>
 2     <li>新聞資訊</li>
 3     <li>體育競技</li>
 4     <li>娛樂八卦</li>
 5     <li>前沿科技</li>
 6     <li>環球財經</li>
 7     <li>天氣預報</li>
 8     <li>房產家居</li>
 9     <li>網絡遊戲</li>
10 </ol>

有序列表ol有三個屬性：start、type、reversed

start屬性指定列表的起始數字

<ol start="3">
    <li>新聞資訊</li>
    <li>體育競技</li>
    <li>娛樂八卦</li>
    <li>前沿科技</li>
    <li>環球財經</li>
    <li>天氣預報</li>
    <li>房產家居</li>
    <li>網絡遊戲</li>
</ol>

修改某一指定列表的值的

無序列表

用於對順序要求不高的場合

建立無序列表：ul父元素，li子元素

 1 <ul>
 2     <li>新聞資訊</li>
 3     <li>體育競技</li>
 4     <li>娛樂八卦</li>
 5     <li>前沿科技</li>
 6     <li>環球財經</li>
 7     <li>天氣預報</li>
 8     <li>房產家居</li>
 9     <li>網絡遊戲</li>
10 </ul>

 默認狀況下，有序列表的前面是阿拉伯數字，無序列表的前面是 實心原點

列表的項目標記

不管是用有序列表仍是無序列表，均可以選擇列表前面的標記風格，在樣式表中輸入

  list-style-type: marker;

這裏的marker是一個值，能夠是下面的任何一個

disc	（圓點，●）
circle	（圓圈，○）
square	（方塊，■）
decimal	（數字，一、二、3……）
upper-alpha	（ 大寫字母，A、B、C……）
lower-alpha	（ 小寫字母，a、b、c……）
upper-roman	（大寫羅馬數字，Ⅰ、Ⅱ、Ⅲ、Ⅳ ……）
lower-roman	（小寫羅馬數字，i、ii、iii、iv……）

取消列表風格

經過使用

list-style-type: none;

取消列表風格

用圖片做爲列表項目標記

list-style-image: url('img/roundcheck.png');