網(wǎng)頁(yè)設計中的重置和遞增

  • 2019-05-31 14:12:02
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

重置和遞增

網(wǎng)頁(yè)設計中,創(chuàng )建計數器的基礎包栝兩個(gè)方面,一是能設置計數器的起點(diǎn),二是能將其遞增一定的置。

前者由屬性counter-reset處理。

counter-reset

值:[<identifier><integer>?]+ | none | inherit

初始值:取決于具體的用戶(hù)代理

應用于:所有元素

繼承性:無(wú)

計算值:根據指定確定

計數器標識符只是創(chuàng )作人員創(chuàng )建的一個(gè)標簽。例如,可以將小節計數器命名為subsection, subsec, ss甚至bob,只要重置(或遞增)標識符,就足以使之建立。在以下規則中,計數器chapter就在重置時(shí)定義:

h1 {counter-reset: chapter;}

默認地,計數器重置為0。如果想重置為另一個(gè)數,可以在標識符后面聲明這個(gè)數

h1#ch4 {counter-reset: chapter 4;}

還可以在標識符-整數對中一次重置多個(gè)標識符。如果少了一個(gè)整數,則默認為0:

h1 {counter-reset: chapter 4 section -1 subsec figure 1;}

/*'subsec' is reset to 0 */

從上例可以看到,負值是允許的。將計數器設罝為-32768并由此遞增是完全合法的。

注意:如果采用非數值計數樣式,CSS沒(méi)有定義用戶(hù)代理對于負計數器值該如何處理。例如,如果一個(gè)計數器的值是-5,但是其顯示樣式是upper-alpha,此時(shí)該采取什么行為?對此就沒(méi)有定義。

總之,需要一個(gè)屬性來(lái)指示元素將計數器遞增。否則,計數器將永遠保持計數器重置聲

明中指定的值。毫無(wú)疑問(wèn),所需的這個(gè)屬性就是counter-increment。

counter-increment

值:[<identifier><integer>?]+ | none | inherit

初始值:取決于具體的用戶(hù)代理

應用于:所有元素

繼承性:無(wú)

計算值:根據指定確定

類(lèi)似于counter-reset,counter-increment也接受標識符-整數對,其中整數部分可以是0,也可以是負數或正數。與counter-reset的區別在于,如果counter- increment:中的標識符-整數對少了一個(gè)整數,則默認為1而不是0。

舉例來(lái)說(shuō),,以下顯示了在網(wǎng)頁(yè)設計時(shí)用戶(hù)代理如何定義計數器生成有序列表傳統的1、2、3計數。

ol {counter-reset: ordered;}/* defaults to 0 */

ol li {counter-increment: ordered;}/* defaults to 1 */

另一方面,在網(wǎng)頁(yè)設計時(shí),創(chuàng )作人員可能希望從0向下計,使列表項使用一種漸進(jìn)的負數體系,為此只獬稍作修改:

ol .{bounter-reset: ordered;}/* defaults to 0 */

ol li (counter-increment: ordered -1;}

列表的計數將是-1、-2、-3等等。如果將整數-1換成-2,列表的計數則是-2、-4、-6等等。

當前文章標題:網(wǎng)頁(yè)設計中的重置和遞增

當前URL:http://amzcoolest.com/news/wzzz/3036.html

上一篇:網(wǎng)頁(yè)設計中的計數器及其使用

下一篇:網(wǎng)頁(yè)設計中的計數器和作用域

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看