上一節(jié)中我們介紹了標(biāo)題標(biāo)簽(H1~H6)弄痹、段落文本標(biāo)簽P罩引、圖片標(biāo)簽img、超鏈接a排苍、經(jīng)常拿來布局的div沦寂，接下來我們再看幾個列表標(biāo)簽。
1.有序列表
ol 是 Ordered List（有序列表）的縮寫淘衙。與之相對的是無序列表 ul 標(biāo)簽传藏。列表里的項目用 li?標(biāo)簽記述。
舉個栗子:
顯然這樣并不能滿足大眾的需求彤守，我們可以通過在 ol 標(biāo)簽里加 type屬性改變這種排序
這些排序并不是只能從1到無窮大毯侦，或者從A到Z，我們也可以改變起始位置以及是否倒序排列
如果需要倒序排列侈离，我們需要加上reversed，當(dāng)然此屬性是HTML5新增的做修，IE9以下吃地溝油長大的IE瀏覽器是不支持的霍狰。
不過這些默認(rèn)的都暴丑抡草，滿足不了現(xiàn)在這個看臉時代大眾的需求，所以一般很少用蔗坯，那我們用什么呢康震？
沒錯，我們用ul無序列表宾濒，再結(jié)合其他的標(biāo)簽就可以做出比較好看的效果腿短，無序列表可謂是前端布局的常客了绘梦，這個標(biāo)簽后面我們會經(jīng)常用到橘忱，大家要牢記哦。
你會發(fā)現(xiàn)列表項li前面有個默認(rèn)的小圓點卸奉，這個美人痣是可以去掉的钝诚，只需要給li加上 list-style:none （列表樣式：無）
接下來我們做個小案例，先上效果圖：
那接下來我們布局一下HTML結(jié)構(gòu)榄棵，可以看到前面的排序1凝颇、2、3疹鳄、4拧略、5都不是我們剛才的那種丑的默認(rèn)效果，所以我們需要借助別的標(biāo)簽完成瘪弓。
那接下來就是美化這個現(xiàn)實的效果垫蛆，以下內(nèi)容需要有CSS基礎(chǔ)，如果你是零基礎(chǔ)腺怯，不妨跟著我敲袱饭，這里所有的CSS知識后面都會講到。
這里為了給列表項加上不同的底色宁赤，所以更改了HTML，具體如下栓票。
這里的class是類名，就像咱們給別人取的外號一樣愕够，比如大家見了我就叫我的外號：帥哥走贪，懂了吧。
那最后給展示一下我們的效果圖：
其實還有一種列表標(biāo)簽叫做 dl dt dd 惑芭，這個呢現(xiàn)在很少用了坠狡，咱就不介紹了，如需了解可自行問度娘了遂跟。
好了逃沿，今天的就到這里婴渡，下次再見，希望你們每次都有收獲凯亮。如果覺得不錯边臼，歡迎轉(zhuǎn)發(fā)給有需要的人。
