HTML級(jí)聯(lián)編號(hào)是什么|HTML級(jí)聯(lián)編號(hào)是什么,HTML級(jí)聯(lián)編號(hào)是怎么制作的
發(fā)表時(shí)間:2023-07-18 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]HTML網(wǎng)頁制作的用戶應(yīng)該對(duì)于級(jí)聯(lián)編號(hào)不會(huì)陌生了,這種編號(hào)經(jīng)常會(huì)在我們使用HTML的時(shí)候使用到,可是很多不是HTML網(wǎng)頁制作的用戶可能就不是很了解了,那么HTML級(jí)聯(lián)編號(hào)是怎么制作的呢,下面就跟著小...
HTML網(wǎng)頁制作的用戶應(yīng)該對(duì)于級(jí)聯(lián)編號(hào)不會(huì)陌生了,這種編號(hào)經(jīng)常會(huì)在我們使用HTML的時(shí)候使用到,可是很多不是HTML網(wǎng)頁制作的用戶可能就不是很了解了,那么HTML級(jí)聯(lián)編號(hào)是怎么制作的呢,下面就跟著小編一起看看吧。

CSS counter-reset 屬性
CSS counter-reset 屬性用于設(shè)置某個(gè)選擇器出現(xiàn)次數(shù)的計(jì)數(shù)器的值。

我們就可以使用以下有序列表進(jìn)行測(cè)試:


counter-increment 屬性
counter-increment 屬性用于設(shè)置某個(gè)選取器每次出現(xiàn)的計(jì)數(shù)器增量。默認(rèn)增量是 1。

依舊使用上面的序列,另外使用counter-reset: item -1進(jìn)行測(cè)試

HTML DOM content 屬性
通過content 屬性來改變列表的編號(hào)。這里主要介紹其中的counter用法

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

完整代碼

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