css不反映html上的所有类

我正在尝试用html和css创建一个页面，可能还有一些php，但是我在css方面遇到了一些意想不到的问题，我没有主意了

<h1>X-Corp</h1>
<p class="hp">
    <b><i>Dominating and Redefining IT</i></b>
</p>
<div class=contact>
    <p>email: bigchuk00@gmail.com</p>
    <p>Tel : +2348062202958</p>
</div>

<div>
    <p class="page1">In this ever-evolving world we live in, the growth of
        IT related problems is always on the rise. Thats where we come in.
        With our top-notch engineers, IT gurus, system analysts and
        impecceble graphics team, we devote our 110% time and effort to be
        there for you, lending a hand to solving all your IT related issues.
    </p>

    <p class="page2">
        Are you a techie or just someone who desires to acquire an IT related
        device or material and dont know how? Search no more because WE at
        X-Corp have just completed international pertnership plans and
        contract to ensure we help you seamlessly to achieve that technically
        challenging objective of yours. Be it building a gaming rig, a server
        powerhouse, that geeky crib you've been dreaming of, or even getting
        your full scale company or organisation up to date with the latest in
        the IT world, believe me, we got you covered. <a href="ourcmd.php">Read
            more</a>

    </p>
</div>
</body>

任何帮助都将不胜感激。刚开始学习CSS。

一些注意事项：

• 在

  .page1

  的CSS中，您编写了

  rightt

  而不是

  right

• 使用

  background color:#e3

  而不是

  background:e3（也适用于
  .page1
  ）

• 使用

  背景色：#e3而不是
  背景色：E3.page2

---

几乎所有css都是无效的

.page1
{
color : black;
background : e3e3e3; <- should be #e3e3e3
margin : left; <- should be a readable value. like margin: 0 10px 0 5px
widrh : 200px; <- should be width
float : rightt; <- should be right
}

.page1
{
颜色：黑色；
背景：E3；这里是一个有一些修正的例子。我对你想要的东西做了一些假设，但你可以在改变后点击“Run”在链接上玩它。一些错误是你需要在十六进制颜色前加一个#，边距不带“left”，它带“0px”或“20px”之类的东西。“auto”使它居中。你还拼错了几个单词

.page1 {
    color : black;
    background : #e3e3e3;
    margin : 0px auto;
    width : auto;
    margin-bottom: 20px;
}

.page2 {
    color : black; 
    background-color : #e3e3e3;
    width : auto;
    margin : 0px auto;
}

您在颜色十六进制代码前面缺少了一个
！它应该像
#e3
侧注一样，但这可能会起作用：
您应该引用属性以保持一致性和兼容性。

.page1 {
    color : black;
    background : #e3e3e3;
    margin : 0px auto;
    width : auto;
    margin-bottom: 20px;
}

.page2 {
    color : black; 
    background-color : #e3e3e3;
    width : auto;
    margin : 0px auto;
}