HTML怎么插入无序列表_HTML无序列表ul和li标签的创建及样式设置

需要明确的是,要在 HTML 中制作无序列表,只需使用 ul 和 li,并应用 CSS 更改样式即可。
这很简单。
我们先来说说最重要的事情。
ul 带有默认点,只需将其与 li 插入即可。
我们去年跑的一个项目中,我们就是靠这个完成了一个完全静态的列表。
那时候每天几百QPS,毫无压力。
另一点是在更改符号时使用列表样式。
比如一个正方形就变成了一个正方形,没有一个被去掉。
很多人没有注意到这一点,认为需要改变HTML结构。
还有另一个重要的细节。
使用图片作为符号时,需要使用outline-style-image,但图片不能太大。
我们尝试使用3 2 x3 2 的图标,但最后发现安装速度很慢,所以为了稳定我们改成了1 6 x1 6
一开始我以为只写
    就够了,后来发现默认点和图片重叠,list-style-type: none;手动删除。
    等等,还有一件事。
    去掉默认样式后,使用Flexbox布局就非常方便了。
    去年我使用了演示:flex;间距:2 0px;制作导航菜单。
    几行代码就可以完成,这比浮动要好得多。

    温馨提示:使用list-style-image时,图片路径一定不能错,否则默认符号会随机出现。
    建议添加list-style类型:none;为了保险。

    怎么设在html中无序列表<li>之间的距离

    直接使用margin调整外边距,line-height调整文字垂直间距,padding调整内边距。