标记	描述
<ul>	无序列表
<ol>	有序列表
<dir>	目录列表
<dl>	定义列表
<menu>	菜单列表
<dt>、<dd>	定义列表的标记
<li>	列表项目的标记

自定义列表(Definition lists) <dl><dt>...<dd>...</dl>
代码：	效果
<dl>	Today
<dt>Today	go library.	dt:是自定义的标题；
<dd>go library.	shopping.	dd:是自定义列表的内容；
<dd>shopping.	Tomorrow
<dt>Tomorrow	sport live:basketbal;
<dd>sport live:basketbal;
</dl>

列表符号	Css定义：list-=style-type:property	定义制表中的标记 <li type=value>
	property	value
数字1，2，3……	decimal	1
小写字母a，b，c……	lower-alpha	a
大写字母A，B，C……	upper-alpha	A
小写罗马数字i，ii，iii……	lower-roman	i
大写罗马数字I，II，III……	upper-roman	Ｉ
●(默认值)	disc	Disc
Ｏ	circle	Circle
口	square	Square
空白	none
	list-style-type属性在页面中显示的效果与左内补丁和左处补丁有着密切的关系； <

 

代码：	效果：
<ol>   <li type=A>ONE-ONE</li>	A. ONE-ONE
<li type=1>ONE-TWO</li> </ol>	2. ONE-TWO

定制有序列表表中的序号的起始值 <ol start=#> #=number

代码：	效果：
<ol start=5>   <li type=A>ONE-ONE   <li>ONE-TWO </ol> <ol start=10>   <li>TWO-ONE   <li type=i>TWO-TWO </ol>	E. ONE-ONE 6. ONE-TWO 10. TWO-ONE xi. TWO-TWO

list-style-position设置列表项目标记的相对位置，只有两个值：

1. outside:默认值，列表项目标记放置在文本以外，且环绕文本不根据标记对齐；
2. inside:

列表自动隐藏超出内容；
li属性设置

display:block;
width:30%;
height:22px;
line-height:22px;
white-space:nowrap;
overflow:hidden;
如果要交超出内容以...显示，则需要增加属性定义：
text-overflow:ellipsis;

嵌套的序号CSS

ul>li{
list-style:upper-roman;
}
li li{
list-style-type:decimal;
}
li li li{
list-style-type:lower-alpha;
}

（也可用type属性直接写在ul标签内，如：<ul type="disc"）