用 list-style: none、padding-left: 0、margin: 0 三者同步清除 ul 默认圆点、缩进和上下空白；推荐加类名如 .clean-list 精准控制，嵌套列表需单独处理，是否保留缩进依用途而定。
直接用 list-style: none 清掉圆点，再把 padding-left 和 margin 设为 0，就能干净去掉默认缩进和符号。
核心写法：三步一起设
浏览器给 ul 默认加了圆点、左侧内边距和上下外边距。只清一项容易留白或错位，得同步处理：
-
list-style: none —— 彻底移除圆点、数字、字母等所有标记（推荐用这个，不是
list-style-type: none） - padding-left: 0 —— 干掉那个“缩进空隙”，它其实是内边距，不是圆点本身
- margin: 0 —— 清掉顶部和底部的额外空白，尤其防止列表贴着上一个元素太近
精准控制：避免影响其他列表
全页面都清容易误伤，比如 FAQ 或文档列表可能需要保留缩进。更稳妥的做法是加类名：
- HTML 中写：
<ul class="clean-list"><li>第一项</li></ul> - CSS 中写：
.clean-list { list-style: none; margin: 0; padding-left: 0; } - 嵌套列表也要单独处理，比如导航菜单里二级
ul，可写：.nav-menu ul { list-style: none; margin: 0; padding-left: 0; }
要不要留缩进？看用途定
去点后是否保留左侧空白，取决于内容类型：
- 纯图标菜单、横向导航——通常
padding-left: 0，文字紧贴容器左边缘更整齐 - FAQ、说明文本类列表——建议保留
padding-left: 20px这类值，靠缩进维持视觉层级，只去圆点就行 - 若要自定义符号（比如小方块、箭头），先清默认样式，再用
li::before添加，例如：li::before { content: "→"; margin-right: 8px; }
常见踩坑点
这些地方最容易返工：
- 只写了
ul { list-style: none; }，但子ul还有圆点——因为list-style不继承，嵌套层要单独写或用后代选择器 - 清了圆点但左边还空一截——八成是忘了
padding-left: 0，别只盯着margin - 移动端列表文字贴边——检查是否漏了
margin或用了* { padding: 0; }却没给p或h3补回间距
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
