ul li 是一个组合：是无序列表标签，在实际中用的非常多，
与之对应的是有序列表：ol li
<html><body>
<h4>一个无序列表：</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html> <!DOCTYPE html>
<html>
<body>
<ol>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
<ol start="50">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
</body>
</html>
我们一般用的li是与ul或者是ol一直连用的。<ul>是无序列表，<ol>是有序列表。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
显示如图，每个列表项前面是个小圆圈。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
显示如下图，每个列表项前面是数字。
我们用的无序列表比较多，也就是ul li。我们拿ul li做比例，我们会给ul设置一个class，把他们的默认的margin和padding，还有前面的小圆点去掉。
<ul class="aa">
<li>Coffee</li>
<li>Milk</li>
</ul>
.aa {
margin: 0//去掉默认margin
padding: 0 //去掉默认padding
list-style: none //去掉前面的小圆圈
}
.aa li {
padding-left: 20px//给小图标留出前面的位置
background: url(...) no-repeat left center//如果想给每个列表项前面换个小图标，可以这样把小图标以图片的形式引入
}
