建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要為大家展示了“css中怎樣實現(xiàn)自動編號”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中怎樣實現(xiàn)自動編號”這篇文章吧。
成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司10多年經(jīng)驗成就非凡，專業(yè)從事成都做網(wǎng)站、成都網(wǎng)站設(shè)計，成都網(wǎng)頁設(shè)計，成都網(wǎng)頁制作，軟文平臺，一元廣告等。10多年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：13518219792，我們期待您的來電！
一、自動編號
在CSS2.1中的自動編號由兩個屬性控制，它們分別為：“counter-increment”和“counter-reset”。由這些屬性定義的計數(shù)器（counter）與“content”屬性的counter()和counters()函數(shù)一起使用。
'counter-increment'
語法：
counter-increment：[
說明：
初始：沒有
適用于：所有元素
繼承：沒有
百分比：N/A
媒體：所有
計算值：作為指定
counter-increment'屬性接受的計數(shù)器（標(biāo)識符）的一個或多個名稱，每一個名稱可選地跟隨一個整數(shù)。整數(shù)表示每次出現(xiàn)元素時計數(shù)器的遞增程度，默認(rèn)增量為1，允許零和負(fù)整數(shù)。
'counter-reset'
語法：
counter-reset：[
說明：
初始：沒有
適用于：所有元素
繼承：沒有
百分比：N/A
媒體：所有
計算值：作為指定
counter-reset屬性包含計數(shù)器的一個或多個名稱，每一個名稱可選地任選地跟隨一個整數(shù)的列表。整數(shù)給出每次出現(xiàn)元素時計數(shù)器設(shè)置的值。默認(rèn)值為0。
注：關(guān)鍵字'none'，'inherit'和'initial'不得用作計數(shù)器名稱；值'none'本身意味著沒有重置計數(shù)器，'inherit'本身具有其通常的含義（繼承），“initial”保留供將來使用。
例：顯示了使用“第1章”，“1.1”，“1.2”等對章節(jié)進(jìn)行編號的方法。
html代碼：
大標(biāo)題
小標(biāo)題1
小標(biāo)題2
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)自動編號
分享URL：http://fisionsoft.com.cn/article/gdococ.html
