用 list-style: none; 可彻底去除无序列表圆点，语义明确且全平台兼容；需同时重置 ul、ol、li 以清除嵌套圆点，并按需调整 padding 和 margin 控制缩进。
HTML 无序列表的圆点怎么去掉
直接给 ul 或 li 加 list-style: none; 就行，这是最干净、兼容性最好的做法。别用 display: inline-block 或 float 去“绕开”圆点，那只是掩盖问题。
为什么 list-style: none; 是唯一推荐方案
因为圆点本质是浏览器默认样式的一部分，不是内容，也不是布局干扰项。去掉它不该影响结构语义或可访问性。
-
list-style是专为此设计的 CSS 属性，语义明确、行为稳定 - 其他方法（比如用
padding-left: 0或margin-left: 0）只挪位置，圆点还在渲染树里，可能被屏幕阅读器误读 - 某些老版本 Safari 对
list-style-type: none支持不一致，但list-style: none全平台都稳
常见错误：只清 ul 没清 ol，或漏了嵌套列表
如果页面里有嵌套菜单、多级导航，只写 ul { list-style: none; } 会导致子 ul 仍带圆点——因为子元素继承的是父级的 list-style-type，但 list-style 整体值不继承。
- 要清干净，得显式重置所有层级：
ul, ol, li { list-style: none; } - 如果只想清某一块（比如导航栏），用更具体的类选择器：
.nav-menu ul, .nav-menu li { list-style: none; } - 注意：
list-style是简写，设成none会同时清掉list-style-type、list-style-position和list-style-image
要不要保留缩进？怎么调
去点后默认缩进还在，看着像“空行”。是否保留取决于场景：
立即学习“前端免费学习笔记（深入）”；
- 纯图标导航（如侧边栏菜单）：通常要清
padding-left和margin-left，不然留白难看 - 文本型列表（如 FAQ 列表）：建议保留
padding-left，靠它维持视觉节奏，只去点 - 清缩进别只清
padding-left，ul默认还有margin-top和margin-bottom，一并重置更可控：ul { margin: 0; padding: 0; }
