CSS学习日记（列表）

列表

：一系列相关数据的展现形式

分类：有序列表（ordered list）；无序列表(unorder list)；自定义列表

无序列表

<ul>

    <li>桔子</li>

    <li>香蕉</li>

    <li>苹果</li>

</ul>

有序列表

<ol>

    <li>桔子</li>

    <li>香蕉</li>

    <li>苹果</li>

</ol>

自定义列表

<dl>

    <dt>所属学院</dt>

    <dd>计算机应用</dd>

    <dt>所属专业</dt>

    <dd>计算机软件工程</dd>

</dl>

列表样式

list-style-type

list-style-image

list-style-position

list-style（用的比较多）

快速复制方式

输入： 

ul.one>li.two{这是一段文字}*5

输出：

<ul class="one"> <li class="two">这是一段文字</li> <li class="two">这是一段文字</li> <li class="two">这是一段文字</li> <li class="two">这是一段文字</li> <li class="two">这是一段文字</li> </ul>