網頁設計中的重置和遞增

重置和遞增

在網頁設計中，創建計數器的基礎包栝兩個方面，一是能設置計數器的起點，二是能將其遞增一定的置。

前者由屬性counter-reset處理。

counter-reset

值：[?]+ | none | inherit

初始值：取決于具體的用戶代理

應用于：所有元素

繼承性：無

計算值：根據指定確定

計數器標識符只是創作人員創建的一個標簽。例如，可以將小節計數器命名為subsection, subsec, ss甚至bob，只要重置（或遞增）標識符，就足以使之建立。在以下規則中，計數器chapter就在重置時定義：

h1 {counter-reset: chapter;}

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

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

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

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

/*'subsec' is reset to 0 */

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

注意：如果采用非數值計數樣式，CSS沒有定義用戶代理對于負計數器值該如何處理。例如，如果一個計數器的值是-5，但是其顯示樣式是upper-alpha，此時該采取什么行為？對此就沒有定義。

總之，需要一個屬性來指示元素將計數器遞增。否則，計數器將永遠保持計數器重置聲

明中指定的值。毫無疑問，所需的這個屬性就是counter-increment。

counter-increment

值：[?]+ | none | inherit

初始值：取決于具體的用戶代理

應用于：所有元素

繼承性：無

計算值：根據指定確定

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

舉例來說，，以下顯示了在網頁設計時用戶代理如何定義計數器生成有序列表傳統的1、2、3計數。

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

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

另一方面，在網頁設計時，創作人員可能希望從0向下計，使列表項使用一種漸進的負數體系，為此只獬稍作修改：

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

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

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

分享文章：網頁設計中的重置和遞增
文章地址：http://m.kartarina.com/news/170103.html

成都網站建設公司_創新互聯，為您提供網站建設、品牌網站制作、電子商務、網站策劃、網站營銷、App設計

廣告

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