html列表

96
吴天乔
2016.10.17 23:36* 字数 568
  1. html有三种列表:有序列表、无序列表、自定义列表
  • 有序列表:

    • 有序列表是一列项目,列表项目使用数字进行标记。
  • 有序列表始于 <ol>标签。每个列表项始于 <li> 标签。

  • 不同类型的有序列表:


  • 使用场景:有明显排序时使用有序列表

  • 无序列表:

    • 无序列表也是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
    • 无序列表始于 <ul>标签。每个列表项始于 <li>
    • 不同类型的无序列表


    • 使用场景:有并列排列时使用无序列表
  • 自定义列表:

    • 自定义列表不仅仅是一列项目,而是项目及其注释的组合。
    • 自定义列表以<dl>标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd>开始。
  • 有序列表、无序列表、自定义列表三者语义上的差别

    • 无序列表适合成员之间无级别顺序关系的情形;
    • 有序列表适合各项目之间存在顺序关系的情形;
    • 自定义列表用于一个术语名对应多重定义或者多个术语名同一个给出的定义,也可以只有术语名称或只有定义,也就是说<dt><dd>在其中数量不限、对应关系不限。

三种列表可以相互嵌套


  1. 如何去除列表前面的点或者数字?
    使用list-style: none可以去除列表前面的点或这数字

    list-style是一个简写属性,涵盖了所有其他列表样式属性。由于它应用到所有 displaylist-item 的元素,所以在普通的 HTML 和 XHTML 中只能用于 li 元素,不过实际上它可以应用到任何元素,并由 list-item 元素继承。
    可以按顺序设置如下属性:
  • list-style-type设置列表项标记的类型
  • list-style-position设置在何处放置列表项标记
  • list-style-image使用图像来替换列表项的标记
学习笔记