CSS自動編號計數是指使用CSS樣式表來生成網頁中的自動編號，方便用戶閱讀和理解文本內容。

使用CSS自動編號計數需要使用“counter-reset”和“counter-increment”屬性來實現計數器功能。其中，“counter-reset”用于重置計數器的初始值，而“counter-increment”用于遞增計數器的值。

/* 定義計數器的初始值 */
body {
counter-reset: chapter 0;
}
/* 遞增計數器的值 */
h1::before {
counter-increment: chapter 1;
content: "Chapter " counter(chapter) ". ";
}

在上面的代碼中，我們首先定義了一個名為“chapter”的計數器，初始值為0。然后使用“counter-increment”屬性來遞增計數器的值，遞增規則為每找到一個“h1”標簽就將計數器的值加1。最后使用“content”屬性將計數器的值插入到h1標簽的前面，生成“Chapter 1.”、"Chapter 2."、"Chapter 3."等帶有自動編號的章節名字。

除了“chapter”這個計數器之外，還可以定義其他類型的計數器，如“page”計數器用于生成文檔中的頁碼。

/* 定義page計數器的初始值 */
body {
counter-reset: page 1;
}
/* 遞增page計數器的值 */
body::before {
counter-increment: page;
content: "Page " counter(page);
}

上面的代碼中，我們定義了一個名為“page”的計數器，初始值為1。然后使用“counter-increment”屬性來遞增計數器的值，計數規則為每生成一頁文檔就將計數器的值加1。最后使用“content”屬性將計數器的值插入到“body”標簽的前面，生成“Page 1”、“Page 2”、“Page 3”等帶有自動編號的頁碼。

通過使用CSS自動編號計數功能，我們可以輕松地生成帶有自動編號的標題、列表、頁碼等文本內容，使得網頁更加具有可讀性和整潔性。