這篇文章主要為大家展示了“css如何實現(xiàn)自動編號”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css如何實現(xiàn)自動編號”這篇文章吧。

創(chuàng)新互聯(lián)建站于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站設(shè)計、成都網(wǎng)站制作網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元臨河做網(wǎng)站,已為上家服務(wù),為臨河各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220

一、自動編號

在CSS2.1中的自動編號由兩個屬性控制，它們分別為：“counter-increment”和“counter-reset”。由這些屬性定義的計數(shù)器（counter）與“content”屬性的counter()和counters()函數(shù)一起使用。

'counter-increment'

語法：

counter-increment：[<identifier><integer>?]+|none|inherit

說明：

初始：沒有

適用于：所有元素

繼承：沒有

百分比：N/A

媒體：所有

計算值：作為指定

counter-increment'屬性接受的計數(shù)器（標識符）的一個或多個名稱，每一個名稱可選地跟隨一個整數(shù)。整數(shù)表示每次出現(xiàn)元素時計數(shù)器的遞增程度，默認增量為1，允許零和負整數(shù)。

'counter-reset'

語法：

counter-reset：[<identifier><integer>?]+|none|inherit

說明：

初始：沒有

適用于：所有元素

繼承：沒有

百分比：N/A

媒體：所有

計算值：作為指定

counter-reset屬性包含計數(shù)器的一個或多個名稱，每一個名稱可選地任選地跟隨一個整數(shù)的列表。整數(shù)給出每次出現(xiàn)元素時計數(shù)器設(shè)置的值。默認值為0。

注：關(guān)鍵字'none'，'inherit'和'initial'不得用作計數(shù)器名稱；值'none'本身意味著沒有重置計數(shù)器，'inherit'本身具有其通常的含義（繼承），“initial”保留供將來使用。

例：顯示了使用“第1章”，“1.1”，“1.2”等對章節(jié)進行編號的方法。

html代碼：

<h2>大標題</h2>

<h3>小標題1</h3>

<h3>小標題2</h3>

css代碼：

body{

counter-reset:chapter;/*創(chuàng)建章節(jié)計數(shù)器范圍*/

}

h2:before{

content:"第"counter(chapter)"章、";

counter-increment:chapter;/*在章節(jié)中添加1*/

}

h2{

counter-reset:section;/*將部分設(shè)置為0*/

}

h3:before{

content:counter(chapter)"."counter(section)"";

counter-increment:section;

}

以上是“css如何實現(xiàn)自動編號”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：css如何實現(xiàn)自動編號
本文鏈接：http://chinadenli.net/article30/gdjdpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、動態(tài)網(wǎng)站、全網(wǎng)營銷推廣、微信公眾號、做網(wǎng)站、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)