html有语义标签-4.有序列表【<ol><li>有序1</li></ol>】与无序列表【<ul><li>无序</li&g

有序列表【<ol><li>有序1</li></ol>】与无序列表【<ul><li>无序</li></ul>】
直接上示例代码：

css初始化及html语义标签
直接运行的效果是无序列表（实心圆默认）：

css初始化及html语义标签
查看css手册可以看到由以下这几种风格：

css初始化及html语义标签
我们通过css控制列表风格：
代码如下：

css初始化及html语义标签
效果如下：

css初始化及html语义标签
有序列表代码：

css初始化及html语义标签
有序列表效果图：

css初始化及html语义标签
注意：这里值得提的是，我们一般在开发时不管有序还是无序列表我们都会把他设置为nil，改有图片代替，这样做的原因是为了避免用不同浏览器打开程序时导致的差异。