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>

  • 相关阅读:
    Linux 下升级python和安装pip
    All of Me
    MangataのACM模板
    HDU1517 A Multiplication Game (博弈论+思维)
    Home_W的握手问题(思维+打表)
    Home_W的几何题 (计算几何)
    stone (组合数学 + Lucas定理)
    随笔分类
    HDU 5586 Sum (预处理 + 动态规划)
    POJ2104 K-th Number (平方分割 + 二分)
  • 原文地址:https://www.cnblogs.com/syp1/p/4521854.html
Copyright © 2011-2022 走看看