zoukankan      html  css  js  c++  java
  • html5 有序列表ol的一些变化

    在html4中type 被list-style-type给替代了,start 和value几乎不常用,很少看到有这样的代码,但是html5的新标准这几个属性又重新被捡回来了。

    1)个人感觉使用type 属性list-style-type 简单,也容易记忆

    下面来对应下这两个之间的关系

             type                     list-style-type             
     type="1"  decimal (默认样式)
     type="a"  lower-alpha
     type="A"  upper-alpha
     type="i"  lower-roman
     type="I"  upper-roman


    如果两个属性同时存在的话,那么list-style-type 的优先级高

    2)start与 value,就是开始的vendor,请看如下代码:

    <ol type="I" >
    <li value="5">aaaaaaaaaaaaaaaaaaaaa</li>
    <li>bbbbbbbbbbbbbbbbbbbbbb</li>
    <li>cccccccccccccccccc</li>
    <li>ddddddddddddddddddddd</li>
    <li>eeeeeeeeeeeeeeeeeeeeee</li>
    </ol>

    等同于

    <ol type="I" start="5" >
    <li >aaaaaaaaaaaaaaaaaaaaa</li>
    <li>bbbbbbbbbbbbbbbbbbbbbb</li>
    <li>cccccccccccccccccc</li>
    <li>ddddddddddddddddddddd</li>
    <li>eeeeeeeeeeeeeeeeeeeeee</li>
    </ol>

    他们表示的意思都是一样的,效果相同

    3)兼容性:

      type ,start,value 对于ie6,7,8,chrome17,firefox10 下测试都是支持的。

  • 相关阅读:
    P3350 [ZJOI2016]旅行者
    P4178 Tree
    P2375 [NOI2014]动物园
    P2827 蚯蚓
    1002: [FJOI2007]轮状病毒
    1070: [SCOI2007]修车
    AtCoder Grand Contest 021完整题解
    Running to the End(Codeforces & AtCoder 百套计划)
    SDWC2017游记
    非传统题初探——AtCoder Practice Contest #B
  • 原文地址:https://www.cnblogs.com/yupeng/p/2405042.html
Copyright © 2011-2022 走看看