css ul、ol、dl区别

html中共有3种列表：无序列表ul、有序列表ol、定义列表dl。

1、无序列表：

 
• ……

 
• ……

 看一款关于ul li菜单实例

* { margin:0; padding:0; }
ul{ list-style:none;}
ul#nav { background:#f3c; padding-top:10px; }
ul#nav li a{ display:block; text-align:center; padding:10px 0;}

html代码

 
• 服饰

 
• 食品

 
• 数码

 
• 电脑耗材

 
• 日用品

 
• 装饰品

　　ul是最常用到的列表，一般的新闻列表都是通过ul实现的。其中li是没有顺序性的，就是并列关系。通过设置list-style样式可以控制li前边显示点或圈等（具体查看在线手册）。在具体操作中，列表前边的小图标都是通过背景图来实现的。

　　2、有序列表：

 
1. ……

 
2. ……

 
3. ……

　　有序列表在实际中用到的比较少，顾名思义，里边的li是有顺序的。可以通过设置来实现li前边显示“1，2，3”或其他顺序（具体查看在线手册）。

　　1、定义列表：

 

标题

 

内容1

 

内容2