应将 list-style: none 设置在 ul 上以去除小圆点，同时重置 padding-left 和 margin；此举仅隐藏标记、不破坏语义，利于无障碍和SEO。
直接给 ul 或 li 元素设置 list-style: none 就能去掉默认的小圆点。
作用对象要选对
这个样式应加在 ul（整个无序列表）上，而不是单个 li。因为小圆点是列表项的“标记”，由列表容器统一控制。
- ✅ 推荐写法：
ul { list-style: none; } - ❌ 不推荐：
li { list-style: none; }（可能无效或行为不一致）
顺便清除内边距和外边距
浏览器默认会给 ul 添加左右内边距（padding-left），即使去掉了小圆点，文字仍会缩进。建议一并重置：
ul { list-style: none; padding-left: 0; margin: 0; }- 如果需要自定义缩进，可用
padding-left或margin-left手动控制
保留结构语义，只改视觉表现
list-style: none 只隐藏标记符号，不影响 HTML 的语义和可访问性。屏幕阅读器仍会把 ul 识别为列表，这对无障碍很重要。
立即学习“前端免费学习笔记（深入）”；
- 不必改成
div包裹 —— 语义正确的结构更利于 SEO 和维护 - 如需完全自定义标记（比如用图标代替圆点），可配合
::before伪元素实现
不复杂但容易忽略细节。关键就是：写在 ul 上、清掉默认 padding、保持语义不变。
