HMTL列表详解
1.无序列表<ul>
ul其实没啥好说的,大家用得最多就是它,它的属性无非就是type:
- disc
- circle
- square
2.有序列表<ol>
H4的时候就有2个属性,type和start:
规定在列表中使用的标记类型 type:
- 1
- A
- a
- I(大写i)
- i
规定有序列表的起始值 start: 是一个数字,任何type都是数字
值得一提的是H5新增了一个属性 reversed:可以使得列表标号降序,但是不会影响列表本身内容的排序
用法就是直接在标签加上这个
<ol reversed>
3.自定义列表
<dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 ... ...</dd> </dl>
这个自定义列表没什么好说的,而且不受css的list-style影响,没有任何自己的特殊属性效果如下:
实际使用上我们可以用ul代替ol,用css得list-style来使ul也能用数字那些样式:
ul li{ list-style: decimal inside url(1.gif); }
当然也可以用ol代替ul:
ol li{ list-style: disc inside url(1.gif); }
ul没有reversed属性,所以功能最为强大的应属ol标签