现在我们要了解的依然是一个重要的内容:列表
在body中使用，可在头文件中用style编辑，分为两种:
1.无序列表
语法:<ul type=“(声明无序列表)”>
<li>…</li>
<li>…</li>
……
</ul>
在li中加入内容后，表现效果在内容前出现序列点，每个li独占一行，可在style中对ul设置宽高，使每个li形成模版块，在其中可引用图片，也可对每个li设置宽高，添加颜色……
就像上面苹果官网的一些小板块和大板块都是用<ul>来完成的。
我们会发现在上面的每个小板块也不是独立一行前面也没有序列点，在style中选定ul标签
ul{
list–style:none;
……
}可以隐藏其前方的序列点，至于如何让他们在同一行，后面会介绍浮动来解决此问题。
如果我们要保留序列号以下还有不同的序列点样式，样式类型(type): disc(默认) square(方块) circle(圆环)
用法:<ul type=“circle”>……
2.有序列表
语法:<ol> 默认效果:
<li>…</li> 1.…
…… 2.…
</ol> ……
需要多个li时也可以用li{$}*n(需要的个数)。
有多个不同的有序列表写法:
<ol type=“A”> 效果:大写英文排序
<li>…</li> A.…
…… B.…
</ol> C.……
<ol type=“Ⅰ”> 效果:罗马文字
<li>…</li> Ⅰ.…
…… Ⅱ.…
</ol> Ⅲ.……
<ol reversed> 效果:倒序
<li>…</li> ……
…… 2.…
</ol> 1.…
<ol reversed type=“A”> 效果:
<li>…</li> ……
…… B.…
</ol> A.…
<ol type=“1”start=“10”> 效果:
<li>…</li> 10.…
…… 11.…
</ol> 12.……
从start后的开始排序
自定义列表:
(适用于图文混排，网站底部链接，电商网站底部购物指南，支付方式等)
语法:<dl>
<dt>…</dt>
……
</dl>
例:<dl> 效果:
<dt>1…</dt> 1…
<dt>2…</dt> 2…
<dt>3…</dt> 3…
<dt>4…</dt> 4…
……
</dl>
以上是图文混排的例子
