20180613-前端系统学习-HTML之列表元素

1. 列表元素

无序列表

• ul

    --无序列表

    --css：list-style-type  更改实心圆点的形式

• li

    --列表里的条目

有序列表

• ol

    --有序列表

    --属性

• type
• start
• reversed

• li

    --列表的条目

    --属性

• value

• type

    --1 数字编号（默认）

    --a 小写字母

    --A 大写字母

    --i 小写罗马数字

    --I 大写罗马数字

<ol type="a">
    <li>楚</li><li>留</li><li>香</li>  </ol>

• start可以改变开始的序号
• 如果给某个li指定value，那么就会从指定的value开始，后面再递增。

<ol type="a" start="2">
    <li>楚</li>
    <li value="1">留</li>
    <li>香</li>  
</ol>

• reversed

    --布尔属性，改变顺序

<ol type="a" reversed>
    <li>楚</li>
    <li value="1">留</li>
    <li>香</li>  
</ol>

自定义列表

• dl

    --一个包含术语定义以及描述的列表

    --键-值对列表（术语解释，问答等）

• dt

    --声明一个术语

• dd

    --术语的描述

dt和dd是多对多的关系

列表嵌套

• 三种列表可以相互嵌套