css3 计数器 counter-reset counter-increment

  1、计数器的作用
      向已存在的html文本内容增添序号
   2、如何使用计数器
      1、定义计数器
         属性:counter-reset
     作用:定义一个计数器，并且设置初始值为0
     body{
        counter-reset:计数器名称 初始值 计数器名称 初始值;
     }
     body{
        counter-reset:count 10;
     }
     
      2、设置计数器增量
         可以单独设置某一选择器使用计数器时的增量，默认值是1
     属性:counter-increment
         div{
        counter-increment:count 10;
     }
      3、使用计数器
         通过 counter(计数器名称) 来使用计数器
     div:before{
        content:"第"counter(count)"章";
     }

 
  
  
  
  
  
 

 
  
Web 基础知识
  
HTML 快速入门
  
网页中的文本