html/css文本不显示

我确信有一个问题可以解决我的问题，但我找不到。我一直在尝试学习html/css，并且一直在到处玩。我制作了一个非常基本的单页导航，并对所有内容进行了设置，但由于某些原因，我的一些文本无法显示。我知道我的html和css不是最好的，但我不明白为什么它们不可见

“终极…”和“了解更多…”部分是我无法展示的

注意：我知道我的代码很草率，但正如我所说的，我不明白为什么不显示它们

CSS:

HTML:

终极游戏开发平台
进一步了解CLOUDHUDL的工作原理以及独立开发者从CLOUDHUDL中获得的好处

我在代码中看到两个反复出现的错误，即没有关闭css选择器的花括号

CSS

HTML

终极游戏开发平台
进一步了解CLOUDHUDL的工作原理以及独立开发者从CLOUDHUDL中获得的好处

虽然我知道您已经注意到您的HTML是草率的，但是您应该尝试遵循我在前面的示例中更改代码的结构。以下是一些提示：

• 在id和类中始终使用小写字母，并用

  -

  或
  分隔不同的单词
• 不要用空格分隔属性、等号及其值。（坏：

  id=“某些值”

  ，好：

  id=“某些值”

  ）

LEARNMORE拼写错误

颜色是白色的，所以看不见

支架没有关闭

这是一把做得很好的小提琴

#终极游戏
{
颜色：红色；
宽度：479px；
高度：16px；
字体系列：“MS Sans Serif”；
字体大小：20px；
字体大小：400；
}
#LEARNMORE
{
颜色：蓝色；
字号：18px；
字体系列：“MS Sans Serif”；
线高：1.2；
文本对齐：居中；
位置：绝对位置；
左：313.75px；
顶部：680.841px；
宽度：759px；
高度：35px；
z指数：17；
}
终极游戏开发平台
进一步了解CLOUDHUDL的工作原理以及独立开发者从CLOUDHUDL中获得的好处

HTML和CSS中的ID需要匹配

我认为问题在于，在第一个CCS之后，您缺少了一个括号，无法使用Ultimate…rest看起来一切正常…在我添加了括号之后..它工作了

#Ultimate
{
   width: 479px;
   height: 16px;
    font-family: 'MS Sans Serif';
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
}
#LEARNMORE
{
  font-size: 18px;
  font-family: "MS Sans Serif";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 313.75px;
  top: 680.841px;
  width: 759px;
  height: 35px;
  z-index: 17;
  }

我的猜测是：

关闭支架

  #Ultimate
 {
  width: 479px;
  height: 16px;
  font-family: 'MS Sans Serif';
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  }
  #LEARNMORE
 {
font-size: 18px;
font-family: "MS Sans Serif";
color: rgb(0, 0, 0);
line-height: 1.2;
text-align: center;
position: absolute;
left: 313.75px;
top: 680.841px;
width: 759px;
height: 35px;
z-index: 17;
}

---

编辑：很高兴看到人们复制粘贴相同的答案。如果你不是第一个指出错误的人，你就没有那么犀利了。句号

可能是一些原因，你必须看到更多。可能是因为字体颜色为白色，背景为白色？你的HTML中的

id

需要与CSS匹配。在您的例子中，您在CSS中使用

#Ultimate

，在HTML中使用

id=“UltimateGame”

。选择一个。

680.841px。。。真的吗？我建议你仔细检查你的
z-index
。。。事情往往隐藏在彼此的背后。。。。然后合上括号。是的，我不小心把它拼错了。
#ultimate {
    width: 479px;
    height: 16px;
    font-family: 'MS Sans Serif';
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
}

#learn-more {
  font-size: 18px;
  font-family: "MS Sans Serif";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 313.75px;
  top: 680.841px;
  width: 759px;
  height: 35px;
  z-index: 17;
}

<div id="ultimate">
    ULTIMATE GAME DEVELOPMENT PLATFORM
</div>

<div id="learn-more">
    LEARN MORE ABOUT HOW CLOUDHUDL WORKS AND WHAT INDIE DEVELOPERS HAVE TO GAIN FROM CLOUDHUDL
</div>

 #UltimateGame
    {
        color:red;
        width: 479px;
        height: 16px;
        font-family: 'MS Sans Serif';
        font-size: 20px;
        font-weight: 400;
    }
    #LEARNMORE
    {
        color:blue;
      font-size: 18px;
      font-family: "MS Sans Serif";
      line-height: 1.2;
      text-align: center;
      position: absolute;
      left: 313.75px;
      top: 680.841px;
      width: 759px;
      height: 35px;
      z-index: 17;
    }

     <div id= "UltimateGame" >
        ULTIMATE GAME DEVELOPMENT PLATFORM
        </div>

       <div id= "LEARNMORE">
        LEARN MORE ABOUT HOW CLOUDHUDL WORKS AND WHAT INDIE DEVELOPERS HAVE TO GAIN FROM CLOUDHUDL
        </div>

#Ultimate
{
   width: 479px;
   height: 16px;
    font-family: 'MS Sans Serif';
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
}
#LEARNMORE
{
  font-size: 18px;
  font-family: "MS Sans Serif";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 313.75px;
  top: 680.841px;
  width: 759px;
  height: 35px;
  z-index: 17;
  }

  #Ultimate
 {
  width: 479px;
  height: 16px;
  font-family: 'MS Sans Serif';
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  }
  #LEARNMORE
 {
font-size: 18px;
font-family: "MS Sans Serif";
color: rgb(0, 0, 0);
line-height: 1.2;
text-align: center;
position: absolute;
left: 313.75px;
top: 680.841px;
width: 759px;
height: 35px;
z-index: 17;
}