明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

HTML級聯(lián)編號是什么|HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的

[摘要]HTML網(wǎng)頁制作的用戶應(yīng)該對于級聯(lián)編號不會陌生了,這種編號經(jīng)常會在我們使用HTML的時候使用到,可是很多不是HTML網(wǎng)頁制作的用戶可能就不是很了解了,那么HTML級聯(lián)編號是怎么制作的呢,下面就跟著小...

HTML網(wǎng)頁制作的用戶應(yīng)該對于級聯(lián)編號不會陌生了,這種編號經(jīng)常會在我們使用HTML的時候使用到,可是很多不是HTML網(wǎng)頁制作的用戶可能就不是很了解了,那么HTML級聯(lián)編號是怎么制作的呢,下面就跟著小編一起看看吧。
HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的

CSS counter-reset 屬性

CSS counter-reset 屬性用于設(shè)置某個選擇器出現(xiàn)次數(shù)的計數(shù)器的值。
HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的

我們就可以使用以下有序列表進(jìn)行測試:
HTML級聯(lián)編號是什么 HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的
HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的

counter-increment 屬性

counter-increment 屬性用于設(shè)置某個選取器每次出現(xiàn)的計數(shù)器增量。默認(rèn)增量是 1。
HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的

依舊使用上面的序列,另外使用counter-reset: item -1進(jìn)行測試
HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的

HTML DOM content 屬性

通過content 屬性來改變列表的編號。這里主要介紹其中的counter用法
HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的

下面通過counters方法將所有的計數(shù)器顯示,以圓點(.)分隔,list-style-tyle為decimalcontent: counters(item,".",decimal) "# ";

HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的
完整代碼
HTML級聯(lián)編號是什么,HTML級聯(lián)編號是怎么制作的


學(xué)習(xí)教程快速掌握從入門到精通的電腦知識