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标签

原文地址:https://www.cnblogs.com/amiezhang/p/7463480.html