網(wǎng)頁(yè)設計中的列表類(lèi)型

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

網(wǎng)頁(yè)設計中,網(wǎng)站建設布局領(lǐng)域,列表是很有意思的一個(gè)方面。列表中的項其實(shí)就是塊框,不過(guò)比起平常稍微多了一點(diǎn),多出的這部分不屬于文檔布局,而只是“掛”在一邊。對于一個(gè)有序列表,額外的這部分包含一系列遞增的數字(或字母),這些數字(或字母)由用戶(hù)代理計算,并且主要由用戶(hù)代理格式化,而不是由創(chuàng )作人員完成。按文檔結構的“指示”,用戶(hù)代理會(huì )生成這些數字并提供基本表示。

這種內容生成在CSS1中是無(wú)法描述的,所以CSS1也無(wú)法控制,不過(guò)CSS2引入了一些特性,可以描述這種列表項編號,因此,現在css允許創(chuàng )作人員定義自己的計數模式和格式,而且可以將這些計數器與任何元素關(guān)聯(lián),而不只是有序列表。另外,利用這種基本機制還有可能向文檔中插入其他類(lèi)型的內容,包括文本串。屬性值,甚至外部資源。所以,完全可以使用css在設計中插入鏈接圖標、編輯符號等,而不必創(chuàng )建額外的標記。

要了解所有這些列表選項在網(wǎng)頁(yè)設計中如何加以利用,先來(lái)討論基本的列表樣式,然后再討論內容和計數器的生成。

列表

從某種意義上講,不是描述性文本的任何內容都可以認為是列表。人口普査、太陽(yáng)系,家譜、餐館菜單,甚至你的所有朋友都可以表示為一個(gè)列表或者是列表的列表。由于形式如此多樣,這使得列表相當重要,所以說(shuō),網(wǎng)站建設中列表樣式不太豐富確實(shí)是一大憾事。

要影響一個(gè)列表的樣式,最簡(jiǎn)單(同時(shí)支持最充分)的辦法就是改變其標志類(lèi)型。例如,在一個(gè)無(wú)序列表中,列表項的標志(marker)是出現在各列表項旁邊的圓點(diǎn)。在有序列表中,標志可能是一個(gè)字母、數字或另外某種計數體系中的一個(gè)符號。甚至可以將標志替換為圖像。所有這些都可以使用不同的列表樣式屬性完成。

列表類(lèi)型

要修改用于列表項的標志類(lèi)型,可以使用屬性list-style-type。

list-style-type

CSS2.1 值:

disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | none | inherit

CSS2 值:

disc | circle | square | decimal | decimal-leading-zero | upper-alpha Ilower-alpha | upper-roman | lower- roinan | lower-greek | hebrew | armenian | georgian | Gjk-ideographic | hiragana | katakana | hiragana-iroha | none | inherit

初始值:

disc

應用于:

display 值為list-item的元素

繼承性:有

計算值:根據指定確定

沒(méi)錯,這里的關(guān)鍵字確實(shí)不少,其中一些在CSS2中引入,但是在CSS2.1中已經(jīng)去除。

list-style-type屬性(以及所有其他與列表相關(guān)的屬性)只能應用于display值為list-item的元素,不過(guò)CSS無(wú)法區別有序列表項和無(wú)序列表項。因此,完全可以設置一個(gè)有序列表使用實(shí)心圓而非數字作為列表項標志。實(shí)際上,list-style-type的默認值就是disc,所以可以得出結論,如果沒(méi)有顯式地聲明其他列表類(lèi)型,所有列表(有序或無(wú)序)對各列表項都會(huì )使用實(shí)心圓作為標志。這是合理的,不過(guò)最終要由用戶(hù)代理來(lái)決定。盡管用戶(hù)代理沒(méi)有預定的規則,如{list-style-type: decimal;},但它可能會(huì )禁止對無(wú)序列表使用有序標志,反之亦然。不過(guò)不能依賴(lài)于此,所以一定要當心。

對于hebrew和georgian等CSS2值,CSS2規范并沒(méi)有明確地指出這些計數體系如何工作,也沒(méi)有說(shuō)明用戶(hù)代理應當如何處理。這種不確定性導致這些值在網(wǎng)站建設時(shí)未能廣泛實(shí)現。

如果想完全禁止顯示標志,只能使用值none。none會(huì )導致用戶(hù)代理在原本放標志的位置上不顯示任何內容,不過(guò)它不會(huì )中斷有序列表中的計數。


當前文章標題:網(wǎng)頁(yè)設計中的列表類(lèi)型

當前URL:http://amzcoolest.com/news/wzzz/3030.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久久精品免费不|亚洲私人无码内射免费观看