列表标签

列表标签

无序列表（unordered list)

格式： 就是英文首字母的缩写.

<ul>
    <li>...........</li>
</ul>

注意：
< ul >标签与< li >标签一起出现，< ul >标签里尽量不要包括其他标签只包含li标签.它是用来添加列表语义而非小圆点的。如果想要界面更加复杂，li标签内可以添加其他标签。
list-style:none;取消小圆点样式

应用场景：

1.新闻列表

2.商品信息

3.导航条（调整方向，大小，宽度通过css）

快速生成ul与li标签快捷键：ul>li*n,n代表着生成n个成对的li标签。可以更复杂，**ul>li*2>h2+ul>li * 3 **. Emmet语法

有序列表（ordered list)

格式:用法和ul相似。

<ol>
    <li>...........</li>
</ol>

reversed属性(对列表顺序进行降序排序)

<ol reversed>

start属性（规定列表起始值）

<ol start="5">

type属性

值	描述
1	默认值。数字有序列表。（1、2、3、4）
a	按字母顺序排列的有序列表，小写。（a、b、c、d）
A	按字母顺序排列的有序列表，大写。（A、B、C、D）
i	罗马字母，小写。（i, ii, iii, iv）
I	罗马字母，大写。（I, II, III, IV）

自定义列表标签(definition list)

格式: 与其他两个标签用法差不多。

<dl>
    <dt></dt>
    <dd></dd>
</dl>

dt英文是：definition title定义标题的缩写

dd英文是: definition desciption定义描述的缩写

应用场景：

1.做网站尾部的相关信息

2.做图文混排