外部 (outside) 标志会放在离列表项边框边界一定距离处。
内部 (inside) 标志处理像是插入在列表项内容最前面的行内元素一样。
<html>
<head>
<style type="text/css">
ul.inside
{
list-style-position: inside
}
ul.outside
{
list-style-position: outside
}
</style>
</head>
<body>
<p>该列表的 list-style-position 的值是 "inside"：</p>
<ul class="inside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>
<p>该列表的 list-style-position 的值是 "outside"：</p>
<ul class="outside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>
</body>
</html>
代码效果：
list-style-position inside 占用li的宽度的，而outside则是在li的外面，他不占用li的宽度。就好像padding和margin差不多，inside 就相当于给li设置了padding，而outside就相当于margin，其实并非你看不出区别，只是你没仔细或者精确的计算而已，就是li前面那个点的位置不同，不信你同时写2个列表分别设置两个样式对比一下效果；不过呢，我个人比较少用到这2个样式，还是用padding比较多，这样控制数值比较方便或者习惯了
这两个CSS属性产生的效果是一样的！
list-style是对列表标签的缩写，而list-style-type是其中的一个属性，而list-style一共可以包含三个值，即:
list-style:type
list-style-position
list-style-image
list-style-type：设置列表项标记的类型。默认为disc。
list-style-position：设置在何处放置列表项标记。值为outside、inside。默认为outside。
list-style-image：使用图像来替换列表项的标记。
如今，我们通常都是使用的list-style-type就可以了，他的主要功能还是设置列表的小圆点的样式，或者取消小圆点的！
