zoukankan      html  css  js  c++  java
  • HTML5里的元素的编号编写

    1、多个标题前添加标题号 

    2、指定编号的样式

    3、编号嵌套、重置编号 (counter-reset)

    【注】:重置编号要在大编号里设置小编号

    4、在字符串的两边嵌套文字符号

     quotes:符号的设置

    open-quote:开始符号

    close-quoto:结尾符号

     元素:before(或者after){

             content:count(自定义,显示的编号的样式);

    }

    元素{

        count-increment:自定义;

         color:编号的颜色;

        font-size:编号的大小

    }

    详细的实例代码:

    <!DOCTYPE html>

    <html>

    <head lang="en">    

    <meta charset="UTF-8">    

    <title>元素编号</title>   

      <style type="text/css">      

       h1:before{ 

    content: counter(hajsq,upper-alpha)'.';        

    }        

    h1{ 

    counter-increment: hajsq;            

    counter-reset: hahah;        

    }        

    p:before{            

    content: counter(hajsq)'-'counter(hahah)'.' open-quote ;

            }       

      p:after{

    content: close-quote;        

    }        

    p{            

    quotes: "("")";        

    }

    </style>

    </head>

    <body>

    <h1>做好自己</h1>

    <p>比什么都好</p>

    <p>比什么都好</p>

    <p>比什么都好</p>

    <p>比什么都好</p>

    <h1>做好自己</h1>

    <p>比什么都好</p>

    <p>比什么都好</p>

    <p>比什么都好</p>

    <p>比什么都好</p>

    </body>

    </html>

  • 相关阅读:
    HDU-5818-Joint Stacks
    蓝桥杯-2016CC-卡片换位
    HDU-2255-奔小康赚大钱(KM算法)
    蓝桥杯-PREV31-小朋友排队
    crypto.js加密传输
    js之对象
    LigerUi之ligerMenu 右键菜单
    关于js中window.location.href,location.href,parent.location.href,top.location.href的用法
    设置js的ctx
    AngularJS简单例子
  • 原文地址:https://www.cnblogs.com/syp1/p/4521854.html
Copyright © 2011-2022 走看看