[北京|结业弟子]JS-李仁|2017年04月02日的日报-技能树.IT修真院

发表于： 2017-04-02 22:06:47

2 600

小课堂：【CSS-task5】 HTML中dl、ul、ol用哪个比较好？

1.背景介绍
ul，ol，dl标签是CSS网页布局中常用的列表元素。列表将具有相似特征或先后顺序的内容按照从上到下的顺序排列起来

2.知识剖析
（1）.ul标签：无序列表始于 u l 标签。每个列表项始于l i标签，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
<ul>
                <li>无序列表</li>
                <li>无序列表</li>
                <li>无序列表</li>
                <li>无序列表</li>

</ul>

（2）ol有序列表：有序列表始于ol标签，每个列表项始于li标签，列表项目使用数字进行标记。

</ol>

（3）自定义列表：dl标签是定义列表，自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始

<dl>
                <dt>自定义列表</dt>
                <dd>自定义列表项</dd>
                <dd>自定义列表项</dd>
                <dd>自定义列表项</dd>
            </dl>

3.常见问题：如何定义ul，ol，dl的样式？用他们那个好呢？

4.解决方案：在样式表中用list-style定义：

circle空心圆

square实心方块

decimal阿拉伯数字

lower-roman小写罗马数字

upper-roman大写罗马数字