背景图像不显示html+；css

如标题所示，背景图像未显示

杂粮
再见，垃圾食品。你好，超级健康餐。
* {
保证金：0；
填充：0；
框大小：边框框；
}
html{
背景色：#fff；
颜色：#555；
字体系列：“Lato”、“Arial”、无衬线；
字体大小：300；
字体大小：20px；
文本呈现：优化易读性；
}
.行{
最大宽度：1140px；
保证金：0自动；
}
.标题{
背景图片：url（img/hero.jpg）；
背景尺寸：封面；
背景位置：中心；
高度：100vh；
}
.英雄文本框{
位置：绝对位置；
宽度：1140px；
}
h1{
保证金：0；
}

style.css

img（文件夹）

img文件夹中有图片hero.jpg

---

我已尝试使用web上的url照片替换hero.jpg，但它仍然无法显示。

请仔细检查您的img文件夹是否位于其他文件夹中……您可能需要返回或前进。另外，在URL路径周围加上单引号

背景示例：背景图像：url（'../images/stock1.jpg'）

---

转发示例：背景图像：url（'/images/stock1.jpg'）

问题在于css中的行：

.header {

“.”表示类，因为标头是HTML元素，所以它不是必需的

header {
  background-image: url("img/hero.jpg");
  background-size: cover;
  background-position: center;
  height: 100vh; 
}

header {
  background-image: url("img/hero.jpg");
  background-size: cover;
  background-position: center;
  height: 100vh; 
}