初学者HTML/CSS实践_Html_Css - Fatal编程技术网

初学者HTML/CSS实践

html css

初学者HTML/CSS实践,html,css,Html,Css,我正在上一门网络开发初学者课程，我正在做的作业是要求我为一个页面重新创建一个标记。我得到了一个.html文件，我只允许使用CSS进行更改。任务的目标是使我得到的.HTML文件看起来与标记完全相同我的问题是有2个h1/h2标签，一对在标题中，一对在主标签中。我想对标题中的第一对h1/h2标记进行修改。出于某种原因，这两个对都在header标记中，我不知道如何通过CSS来更改它在提供的屏幕截图中，标记在左侧，我的进度在右侧。[] 有人能解释一下为什么两个标签都受标题的影响，即使只有一对存在于标题

我正在上一门网络开发初学者课程，我正在做的作业是要求我为一个页面重新创建一个标记。我得到了一个.html文件，我只允许使用CSS进行更改。任务的目标是使我得到的.HTML文件看起来与标记完全相同

我的问题是有2个h1/h2标签，一对在标题中，一对在主标签中。我想对标题中的第一对h1/h2标记进行修改。出于某种原因，这两个对都在header标记中，我不知道如何通过CSS来更改它

在提供的屏幕截图中，标记在左侧，我的进度在右侧。[]

有人能解释一下为什么两个标签都受标题的影响，即使只有一对存在于标题中？以及如何仅更改一对的说明

HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
   <link href= "reset.css" rel = "stylesheet"  />
   <link href= "hw2-problem2.css" rel = "Stylesheet" >
   <meta charset="utf-8">
   <title>Art Store</title>
   <link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>

</head>
<body>
   <header>
     <h1>Art Store</h1>
     <h2>Super cool tagline will go here</h2>
   </header>
   <main>
      <h2>Still waiting</h2>
      <p id="announcement">Our website will be live in</p>
      <p id="timeline">4 years, 3 months, and 2 days<sup>*</sup></p>   
       <p id="footnote"><sup>*</sup>hopefully</p>
   </main>
  <footer>
        <h2>Recent Acquisitions</h2>
        <div>
            <img src="images/07020.jpg" alt="Liberty Leading the People">
            <img src="images/05030.jpg" alt="The Death of Marat">
            <img src="images/106020.jpg" alt="Girl with a Pearl Earring">
        </div>
  </footer>   
</body>
</html>

CSS Code: 
body {
    background-image: url("images/art-background4.jpg");
    background-size: 100% 100%;
    padding: 12.55em 6.27em;
    margin: 6.27;


  }

  header{
    position:absolute;
    top:2em;    
    left:2em; 
    padding: 2em;
    background-color: hsla(0, 0%, 0%, 0.473);
  }

  h1{
    font-size: 6em;
    color: white;
    margin-bottom: 2em;

  }

  h2{
    margin: 2em;
  }

HTML代码：
艺术商店
艺术商店
超级酷的标语会出现在这里
还在等
我们的网站将在
4年3个月2天*
*希望如此
近期收购
CSS代码：
身体{
背景图片：url（“images/art-background4.jpg”）；
背景大小：100%100%；
填充物：12.55em 6.27em；
差额：6.27；
}
标题{
位置：绝对位置；
顶部：2米；
左：2米；
填料：2米；
背景色：hsla（0,0%，0%，0.473）；
}
h1{
字号：6em；
颜色：白色；
边缘底部：2米；
}
氢{
边缘：2米；
}

h1

选择器指站点上的所有

h1

标记

当您想引用标题中的

h1

标记时，您需要编写：

header h1 {
/* CSS properties */
}

您可以使用以下CSS选择器更改标题h1/h2

header > h1 {
  /* Put your styles here */
}

header > h2 {
 /* Put your styles here */
}

您可以在了解有关CSS选择器的更多信息。

您的解释有点不清楚。你说，“有两个h1/h2标签，一对在标题中，一对在主标签中。我想对标题中的第一对h1/h2标签进行修改。出于某种原因，两对都在标题标签中。”。我在页眉元素中看到一个h1/h2组合，在主元素中看到一个h2，在页脚中看到另一个h2