zoukankan      html  css  js  c++  java
  • 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标签

  • 相关阅读:
    最简单跳转,待反混爻的合集
    搜索引擎劫持代码
    Warning: Cannot modify header information
    editplus 正则删换行
    在全程Linux環境部署IBM Lotus Domino/Notes 8.5
    3.5-杂项②
    3.4-杂项①
    3.3-ISDN
    3.2-帧中继②
    3.2-帧中继①
  • 原文地址:https://www.cnblogs.com/amiezhang/p/7463480.html
Copyright © 2011-2022 走看看