div+css中ul、ol、dl的区别有哪些

发布时间:2020-11-13编辑:脚本学堂
本文介绍下,div+css设计中有关ul、ol、dl在用法上的一些区别,有需要的朋友参考下。

本节内容:
列表元素ul、ol、dl的区别。

1,ul是无序列表,即没有排列限制可以随意加li;
 

复制代码 代码示例:
<ul>
<li>可以随意放置</li>
<li>可以随意放置</li>
<li>可以随意放置</li>
</ul>
.可以随意放置
.可以随意放置
.可以随意放置

2,ol就序列表,会按照li前后依次排列;
 

复制代码 代码示例:
<ol>
<li>我是第一</li>
<li>我是第二</li>
<li>我是第三</li>
</ol>
1.我是第一
2.我是第二
3.我是第三

3,dl是定义列表,会默认前后层级关系;
 

复制代码 代码示例:
<dl>
<dt>我是头</dt>
<dd>我是内容</dd>
<dd>我是内容</dd>
</dl>
我是头
       我是内容
        我是内容
 

以上通过简单的示例,帮助大家了解ul、ol、dl的区别,建议大家细细体会,加以理解。