前端 13 無序列表

2021-08-28 18:02:12 字數 611 閱讀 7136

什麼是有序列表?

有序列表的作用: 給一堆資料新增列表語義, 並且這一堆資料中所有的資料都有先後之分

有序列**式:

其它用法和ul都差不多, 也就是應用場景/注意點都和ul差不多

1.定義列表的作用:

1.1給一堆資料新增列表語義

1.2先通過dt標籤定義列表中的所有標題, 然後再通過dd標籤給每個標題新增描述資訊

2.定義列表的格式:

其實dt和dd都是英文的縮寫 dt是英文definition title的縮寫, 所以dt的含義就是用來定義列表中的標題 dd是英文definition description的縮寫, 所以dd的含義就是用來定義標題對應的描述的

4.定義列表的注意點

4.1和ul/ol一樣, dl和dt/dd是乙個整體, 所以他們一般情況下不會單獨出現, 都是一起出現

4.2和ul/ol一樣, 由於dl和dt/dd是乙個組合標籤, 所以dl中建議只放dt和dd標籤

4.3乙個dt可以沒有對應的dd,也可以有多個對應的dd, 但是無論有或者沒有dd都不推薦使用.

推薦使用乙個dt對應乙個dd

4.4和li標籤一樣, 當需要豐富介面時, 我們可以在dt和dd標籤中繼續新增其它標籤

無序列表排版

用無序列表排版的一些問題 1.在div套ul時如果div的樣式沒有設寬度,那ul中margin設定就無法生效。div的樣式要設有寬度,內的ul樣式margin才生效 2.在建表項 li 時,預設為垂直排列,但有時會繼承上人樣式,而使其為水平排列。11 為使以垂直排列,應在il樣式中新增顯示為塊 di...

有序列表 無序列表 巢狀列表

無序列表 有序列表 coffee teamilk coffee teamilk 不同型別的有序列表 編號列表 bananas lemons oranges 大寫字母列表 bananas lemons oranges 小寫字母列表 bananas lemons oranges 羅馬數字列表 banan...

HTML無序列表 有序列表 定義列表

一 無序列表 ordered list 各個列表專案之間沒有順序,是並列的 type屬性用於設定列表樣式,預設是小圓點 disc circle空心圓圈 square小方塊 通過list style none可以取消 二 有序列表 ordered list type 預設是1,表示專案列表用數字1,2...