背景颜色与文本对齐功能失效问题求助

针对你的网页出现的全黑背景未显示、页脚文字不可见、标题无法居中三个问题，给出以下具体修复方案：

1. 全黑背景不显示修复 #

默认状态下，html和body元素高度不会自动铺满整个视口，导致背景色仅覆盖内容区域。添加以下CSS代码确保背景色覆盖整个页面：

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000; /* 全黑背景 */
}

若页面内容可能超过视口高度，可改用min-height适配：

body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background-color: #000;
}

2. 页脚白色文字显示修复 #

页脚文字不可见通常是文字颜色与背景色（深色）冲突，强制设置文字为白色即可：

footer {
  color: #fff; /* 白色文字 */
  /* 若页脚有独立背景，可补充设置background-color强化对比 */
  /* background-color: #000; */
}

3. 标题居中修复 #

给标题元素（如<h1>、<h2>等）添加文字居中样式：

/* 替换为你实际使用的标题选择器 */
h1 {
  text-align: center;
  width: 100%; /* 确保标题宽度占满父容器，避免宽度不足导致居中失效 */
}

如果标题嵌套在其他容器内，需确保父容器未设置float、position: absolute等影响居中的属性，或直接给父容器添加text-align: center。

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