css ul li list-style-type 的使用

ul & li :

前端学习中，经常用到 < ul > < li > 两个标签来做菜单、列表等，而ul标签默认是无序列表：

代码如下：

<h4>一个无序列表：</h4>
<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>

需要使用有序列表，我们可以通过设置ul 或 li 的 list-style-type 属性来改变列表项前面的标记符

list-style-type :

在 w3c中的定义： 属性设置列表项标记的类型。
我们可以通过更改此类型以达到不同的列表效果，它的值包含：

注意事项

li的标记符的占位位置，不算在li的width中，所以当ul 的padding 设置为0 时,标记符将会不显示:

在此情况下可以保留ul的padding 或 设置li的margin-left 来调整显示标记符：

要调整li 与标记符的距离， 可使用 li 的 text-indent 属性调整之间的距离。

参考链接：https://www.w3school.com.cn/css/pr_list-style-type.asp