课程项目中About Us板块列表无项目符号问题咨询

列表无项目符号的核心原因 #

你用了通配符选择器* { padding: 0; margin: 0; ... }，把所有元素的内边距都清零了。而HTML列表的项目符号默认靠padding-left留出显示空间，内边距为0时，项目符号会被挤出可视区域，自然看不到。

修复步骤 #

1. 添加列表样式与内边距
   在CSS的About us区域，给#offer-list添加样式：

#offer-list {
  list-style-type: disc; /* 可指定项目符号样式，默认也是disc，换成circle、square也可以 */
  padding-left: 2rem; /* 给项目符号留出显示空间 */
  margin: 1rem 0; /* 可选，增加列表上下间距，提升可读性 */
}

2. 修正HTML结构问题（可选但重要）
   你把<h3>嵌套在了<p>标签里，这不符合HTML规范（p标签不能嵌套块级元素），浏览器会自动解析出错误结构，建议修改：

<!-- 原错误代码 -->
<p>
  <h3>What we offer:</h3>
</p>

<!-- 修改后 -->
<h3>What we offer:</h3>

调整后，列表项目符号就能正常显示了。

内容的提问来源于stack exchange，提问作者Ben Barker