html列表

  1. html有三種列表:有序列表寄雀、無序列表炒俱、自定義列表
  • 有序列表:

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

  • 不同類型的有序列表:


  • 使用場(chǎng)景:有明顯排序時(shí)使用有序列表

  • 無序列表:

    • 無序列表也是一個(gè)項(xiàng)目的列表陨享,此列項(xiàng)目使用粗體圓點(diǎn)(典型的小黑圓圈)進(jìn)行標(biāo)記葱淳。
    • 無序列表始于 <ul>標(biāo)簽。每個(gè)列表項(xiàng)始于 <li>抛姑。
    • 不同類型的無序列表


    • 使用場(chǎng)景:有并列排列時(shí)使用無序列表
  • 自定義列表:

    • 自定義列表不僅僅是一列項(xiàng)目赞厕,而是項(xiàng)目及其注釋的組合。
    • 自定義列表以<dl>標(biāo)簽開始定硝。每個(gè)自定義列表項(xiàng)以 <dt> 開始皿桑。每個(gè)自定義列表項(xiàng)的定義以 <dd>開始。
  • 有序列表蔬啡、無序列表诲侮、自定義列表三者語義上的差別

    • 無序列表適合成員之間無級(jí)別順序關(guān)系的情形;
    • 有序列表適合各項(xiàng)目之間存在順序關(guān)系的情形箱蟆;
    • 自定義列表用于一個(gè)術(shù)語名對(duì)應(yīng)多重定義或者多個(gè)術(shù)語名同一個(gè)給出的定義沟绪,也可以只有術(shù)語名稱或只有定義,也就是說<dt><dd>在其中數(shù)量不限空猜、對(duì)應(yīng)關(guān)系不限绽慈。

三種列表可以相互嵌套


  1. 如何去除列表前面的點(diǎn)或者數(shù)字?
    使用list-style: none可以去除列表前面的點(diǎn)或這數(shù)字

    list-style是一個(gè)簡(jiǎn)寫屬性辈毯,涵蓋了所有其他列表樣式屬性坝疼。由于它應(yīng)用到所有 displaylist-item 的元素,所以在普通的 HTML 和 XHTML 中只能用于 li 元素谆沃,不過實(shí)際上它可以應(yīng)用到任何元素钝凶,并由 list-item 元素繼承。
    可以按順序設(shè)置如下屬性:
  • list-style-type設(shè)置列表項(xiàng)標(biāo)記的類型
  • list-style-position設(shè)置在何處放置列表項(xiàng)標(biāo)記
  • list-style-image使用圖像來替換列表項(xiàng)的標(biāo)記
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末管毙,一起剝皮案震驚了整個(gè)濱河市腿椎,隨后出現(xiàn)的幾起案子桌硫,更是在濱河造成了極大的恐慌夭咬,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件铆隘,死亡現(xiàn)場(chǎng)離奇詭異卓舵,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)膀钠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門掏湾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來裹虫,“玉大人,你說我怎么就攤上這事融击≈” “怎么了?”我有些...
    開封第一講書人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵尊浪,是天一觀的道長(zhǎng)匣屡。 經(jīng)常有香客問我,道長(zhǎng)拇涤,這世上最難降的妖魔是什么捣作? 我笑而不...
    開封第一講書人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮鹅士,結(jié)果婚禮上券躁,老公的妹妹穿的比我還像新娘。我一直安慰自己掉盅,他們只是感情好也拜,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著怔接,像睡著了一般搪泳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上扼脐,一...
    開封第一講書人閱讀 49,079評(píng)論 1 285
  • 那天岸军,我揣著相機(jī)與錄音,去河邊找鬼瓦侮。 笑死艰赞,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的肚吏。 我是一名探鬼主播方妖,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼罚攀!你這毒婦竟也來了党觅?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤斋泄,失蹤者是張志新(化名)和其女友劉穎杯瞻,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體炫掐,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡魁莉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片旗唁。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡畦浓,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出检疫,到底是詐尸還是另有隱情讶请,我是刑警寧澤,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布屎媳,位于F島的核電站秽梅,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏剿牺。R本人自食惡果不足惜企垦,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望晒来。 院中可真熱鬧钞诡,春花似錦、人聲如沸湃崩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽攒读。三九已至朵诫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間薄扁,已是汗流浹背剪返。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留邓梅,地道東北人脱盲。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像日缨,于是被迫代替她去往敵國(guó)和親钱反。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 2017-09-07摘抄自W3school-HTML 列表希望幫助自己系統(tǒng)地打好基礎(chǔ)匣距,也能在做筆記的同時(shí)添加一些自...
    moralok閱讀 265評(píng)論 0 0
  • 無序列表 無序列表是一個(gè)項(xiàng)目的列表面哥,此列項(xiàng)目使用項(xiàng)目符號(hào)進(jìn)行標(biāo)記。 無序列表始于 標(biāo)簽毅待。每個(gè)列表項(xiàng)始于 尚卫。 項(xiàng)目...
    qin7zhen閱讀 308評(píng)論 1 2
  • 什么是html列表 html列表分為有序列,無序列表和自定義列表恩静。 1.無序列表:無序列表是一個(gè)項(xiàng)目的列表焕毫,此列項(xiàng)...
    zj_zxj閱讀 312評(píng)論 0 1
  • UIButton 上默認(rèn)是圖片在左文字在右,而大多數(shù)情況這樣默認(rèn)的的顯示形式都不能滿足我們的需求驶乾,接下來我就這個(gè)問...
    SuAdrenine閱讀 488評(píng)論 0 0
  • 三叔的病 我總是想說些什么的邑飒,可是轉(zhuǎn)念一想?yún)s又沒什么可說。就像我有一肚子笑話想講給別人...
    314a0b88edff閱讀 186評(píng)論 0 0