CSS3計數(shù)器是一種實用的工具，可以幫助我們對頁面中的元素進行編號和計數(shù)。W3C（萬維網(wǎng)聯(lián)盟）首先提出了CSS3計數(shù)器的概念并對其進行了規(guī)范化和優(yōu)化。

/* 定義計數(shù)器 */
body {
counter-reset: section;
}
/* 使用計數(shù)器 */
h1:before {
counter-increment: section;
content: counter(section) ". "; 
}

通過以上代碼，我們可以看到counter-reset屬性是用來定義計數(shù)器的，其中的“section”是計數(shù)器的名稱，也可以自己定義其他名稱。在此之后，我們可以使用counter-increment屬性為元素增加計數(shù)器值，然后使用content屬性來在元素前添加計數(shù)器值。

CSS3計數(shù)器的優(yōu)點在于其靈活性，我們可以使用多種方式為元素添加計數(shù)器，比如說使用“counter-reset”定義多個計數(shù)器、使用“counter-increment”為元素增加不同的計數(shù)器值或者使用JavaScript等工具動態(tài)生成計數(shù)器，這些都能夠滿足我們對于不同需求的計數(shù)器使用。

/* 多計數(shù)器 */
body {
counter-reset: chapter section;
}
h1:before {
counter-increment: chapter;
content: counter(chapter) ". ";
}
h2:before {
counter-increment: section;
content: counter(chapter) "." counter(section) " ";
}

以上代碼展示了使用多計數(shù)器的方式。首先我們在body元素中使用“counter-reset”定義了兩個計數(shù)器：chapter和section。然后我們可以在h1元素中使用chapter計數(shù)器并在前面添加“.”，在h2元素中使用section計數(shù)器，并以類似“1.1”的方式在前面添加數(shù)字，從而獲得更加細致的編號方式。

CSS3計數(shù)器是一個非常實用的工具，能夠大大提高頁面元素的可讀性和整潔度。不過需要注意的是，在使用過程中應(yīng)該注意計數(shù)器的命名和使用方式，以免出現(xiàn)混淆或者錯誤。