Question

我确定有一个问题可以解决我的问题，但我找不到。我一直试图拿起html / css并且正在玩耍。我把一个非常基本的单页面打印机放在一起，让所有东西都设置好但由于某种原因，我的一些文字不会显示出来。我知道我的HTML和CSS不是最好的，但我不明白为什么它们不可见。

＆＃34;终极......＆＃34;和＆＃34;了解更多......＆＃34;部分是我无法展示的。

注意：我知道我的代码很草率，但就像我说的那样，不知道为什么它们没有显示出来。

CSS：

#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：

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

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

Answer 1

LEARNMORE拼写错误
颜色是白色的，看不见的
大括号未关闭

这是一个正确的小提琴，https://jsfiddle.net/ycpoemh9/

 #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>

Answer 2

我看到你的代码中有两个经常出现的错误，就是你没有关闭css选择器的大括号。

CSS

#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;
}

HTML

<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>

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

始终在ID和类中使用小写字母，并使用-或_分隔不同的字词。
不要将属性，等号及其值与任何空格分开。（差：id= "some-value"，好：id="some-value"）

Answer 3

HTML和CSS中的ID需要匹配

Answer 4

我认为问题在于你在第一个CCS for Ultimate之后错过了一个支架......所有看起来都没问题......在我添加了支架之后......它可以工作

#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;
  }

Answer 5

我猜测：

关闭括号

  #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 / css文字没有显示

5 个答案: