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

  • 相关阅读:
    ios开发-2015-07-19
    ios开发-2015-07-18
    ios开发-2015-07-17
    ios开发-2015-07-16
    ios开发-2015-07-15
    ios开发-2015-07-14
    ios开发-2015-07-13
    Selenium源码分析之WebDriver
    webdriver实现原理 分类: Selenium 2015-07-16 00:16 11人阅读 评论(0) 收藏
    webdriver实现原理
  • 原文地址:https://www.cnblogs.com/amiezhang/p/7463480.html
Copyright © 2011-2022 走看看