css列表除了ul還有什么樣式

這篇文章主要講解了“css列表除了ul還有什么樣式”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css列表除了ul還有什么樣式”吧！

css列表除了有ul（無序列表）樣式外，還有：1、有序列表樣式，使用“<ol>”標(biāo)簽定義，每個列表項(xiàng)用“<li>”標(biāo)簽定義；2、自定義列表樣式，使用“<dl>”標(biāo)簽定義，每個自定義列表項(xiàng)用“<dt>”標(biāo)簽定義。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css列表有三種樣式：

• ul無序列表

• ol有序列表

• dl自定義列表

因此css列表除了有ul（無序列表）樣式外，還有：ol有序列表樣式和dl自定義列表樣式。

有序列表

有序列表是一列項(xiàng)目，列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。 有序列表始于 <ol> 標(biāo)簽，每個列表項(xiàng)始于 <li> 標(biāo)簽。

列表項(xiàng)默認(rèn)使用數(shù)字來標(biāo)記。

<ol>
<li>第一個列表項(xiàng)</li>
<li>第二個列表項(xiàng)</li>
<li>第三個列表項(xiàng)</li>
</ol>

列表項(xiàng)的樣式可以使用list-style-type屬性來設(shè)置，該屬性設(shè)置列表項(xiàng)標(biāo)記的類型。

• decimal-leading-zero    0開頭的數(shù)字標(biāo)記。(01, 02, 03, 等。)

• lower-roman    小寫羅馬數(shù)字(i, ii, iii, iv, v, 等。)

• upper-roman    大寫羅馬數(shù)字(I, II, III, IV, V, 等。)

• lower-alpha    小寫英文字母The marker is lower-alpha (a, b, c, d, e, 等。)

• upper-alpha    大寫英文字母The marker is upper-alpha (A, B, C, D, E, 等。)

• lower-greek    小寫希臘字母(alpha, beta, gamma, 等。)

• lower-latin    小寫拉丁字母(a, b, c, d, e, 等。)

• upper-latin    大寫拉丁字母(A, B, C, D, E, 等。)

• hebrew    傳統(tǒng)的希伯來編號方式

• armenian    傳統(tǒng)的亞美尼亞編號方式

• georgian    傳統(tǒng)的喬治亞編號方式(an, ban, gan, 等。)

• cjk-ideographic    簡單的表意數(shù)字

• hiragana    標(biāo)記是：a, i, u, e, o, ka, ki, 等。（日文平假名字符）

• katakana    標(biāo)記是：A, I, U, E, O, KA, KI, 等。（日文片假名字符）

• hiragana-iroha    標(biāo)記是：i, ro, ha, ni, ho, he, to, 等。（日文平假名序號）

• katakana-iroha    標(biāo)記是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名序號）

ol{
	list-style-type:lower-roman;
}

自定義列表

自定義列表不僅僅是一列項(xiàng)目，而是項(xiàng)目及其注釋的組合。

自定義列表以 <dl> 標(biāo)簽開始。每個自定義列表項(xiàng)以 <dt> 開始。每個自定義列表項(xiàng)的定義以 <dd> 開始。

<dl>
  <dt>Coffee</dt>
  <dd>黑熱飲</dd>
  <dt>Milk</dt>
  <dd>白冷飲</dd>
</dl>

感謝各位的閱讀，以上就是“css列表除了ul還有什么樣式”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css列表除了ul還有什么樣式這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！