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>

  • 相关阅读:
    spring boot 配置示例
    MyBatis 常用标签用法
    http请求头部常用参数
    CentOS7使用firewalld打开关闭防火墙与端口
    java8 base64
    MD5工具类
    各种远程登录工具
    MySql 常用命令
    spring-boot-mybaits 开启事务
    springboot 项目打包到 linux下无法 运行
  • 原文地址:https://www.cnblogs.com/syp1/p/4521854.html
Copyright © 2011-2022 走看看