1. 基本用法：
ul: unordered lists
ol: ordered lists
li: Lists
ol 有序列表。
表现为：
1……
2……
3……
ul 无序列表，表现为li前面是大圆点而不是123
很多人容易忽略 dl dt dd的用法
dl 内容块
dt 内容块的标题
dd 内容
可以这么写：
dt 和dd中可以再加入 ol ul li和p
理解这些以后，在使用div布局的时候，会方便很多，w3c提供了很多元素辅助布局。
2. LI代码的格式化：
A).运用CSS格式化列表符：
以下是引用片段：
ul li{
list-style-type:none;
}
B).如果你想将列表符换成图像，则：
以下是引用片段：
ul li{
list-style-type:none;
list-style-image: url(/blog/images/icon.gif);
}
C).为了左对齐，可以用如下代码：
以下是引用片段：
ul{
list-style-type:none;
margin:0px;
}
D).如果想给列表加背景色，可以用如下代码：
以下是引用片段：
ul{
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}
E).如果想给列表加MOUSEOVER背景变色效果，可以用如下代码：
以下是引用片段：
ul{ list-style-type: none; margin:0px; }
ul li a{ display:block; width: 100%; background:#ccc; }
ul li a:hover{ background:#999; }说明：display:block;这一行必须要加的，这样才能块状显示！
以上为给 li 中的 a 元素加效果，如果直接作用于 li 元素的话则：
ul li { display:block; width: 100%; background:#ccc; }
ul li:hover{ background:#999; }
F).LI中的元素水平排列,关键FLOAT:LEFT：
以下是引用片段：
ul{
list-style-type:none;
width:100%;
}
ul li{
width:80px;
float:left;
}
3.
例如：
type="square"
只适用于非顺序清单，设定符号款式，其值有三种，如下，内定为 type="disc"：
以下是引用片段：
符号 是当 type="disc" 时的列项符号。
符号 if" width=10 height=10 border=0> 是当 type="circle" 时的列项符号。
符号 是当 type="square" 时的列项符号。
value="4"
只适用于顺序清单，设定该一项的数目，其後各项将以此作为起始数目而递增，但前面各项则不受影响，其值只能是 1,2,3.. 等整数，没有内定值。
称为无序清单标记。
所谓无序清单就是在每一项前面加上 、、等符号，故又称符号清单。
的参数设定（常用）：
例如：
type="square"
设定符号款式，其值有三种，如下，内定为 type="disc"：
以下是引用片段：
符号 是当 type="disc" 时的列项符号。
符号 是当 type="circle" 时的列项符号。
符号 是当 type="square" 时的列项符号。
是项目列表，
这个是编号列表，用数字来列的，也是用
或者
用来区别无序列表（小点点）和有序列表（1,2,3...）。
4. 读取 li 的值：
li 也可以设置 value 的值，如
在DOM中通过该标签的 value 属性可以获得其值，如：
document.getElementById("li").value;
打开网站 取消
