关于HTML和CSS的查询-标题部分上方有白色空白。如何应对？

我有一个关于HTML和CSS的基本查询。请参阅下面的代码

正文{
字体：12px/1.5 arial；
背景色：#F4；
填充：0px；
保证金：0
}
标题{
背景色：35424a；
颜色：#ffffff；
边际上限：0；
}
.集装箱{
宽度：80%；
保证金：自动；
}
标题a{
颜色：#ffffff
}

测试HTML

家
关于
服务

您看到的是

h1

上的页边空白顶部

h1 { margin-top: 0; }

---

您看到的是

h1

上的页边空白顶部

h1 { margin-top: 0; }

正文{
字体：12px/1.5 arial；
背景色：#F4；
填充：0px；
保证金：0
}
h1{
边际上限：0；
}
标题{
背景色：35424a；
颜色：#ffffff；
边际上限：0；
}
.集装箱{
宽度：80%；
保证金：自动；
}
标题a{
颜色：#ffffff
}

测试HTML

家
关于
服务

正文{
字体：12px/1.5 arial；
背景色：#F4；
填充：0px；
保证金：0
}
h1{
边际上限：0；
}
标题{
背景色：35424a；
颜色：#ffffff；
边际上限：0；
}
.集装箱{
宽度：80%；
保证金：自动；
}
标题a{
颜色：#ffffff
}

测试HTML

家
关于
服务

从示例中可以看出。您需要将h1边距设置为0。我建议您开始使用一些，这将重置所有浏览器的默认样式

正文{
字体：12px/1.5 arial；
背景色：#F4；
填充：0px；
保证金：0
}
标题{
背景色：35424a；
颜色：#ffffff；
边际上限：0；
}
.集装箱{
宽度：80%；
保证金：自动；
}
标题a{
颜色：#ffffff
}
h1{
保证金：0；
}

测试HTML

家
关于
服务

从示例中可以看出。您需要将h1边距设置为0。我建议您开始使用一些，这将重置所有浏览器的默认样式

正文{
字体：12px/1.5 arial；
背景色：#F4；
填充：0px；
保证金：0
}
标题{
背景色：35424a；
颜色：#ffffff；
边际上限：0；
}
.集装箱{
宽度：80%；
保证金：自动；
}
标题a{
颜色：#ffffff
}
h1{
保证金：0；
}

测试HTML

家
关于
服务

默认情况下

h1

标记使用

16px

上下边距，因此需要添加

标题h1{margin:0}

正文{
字体：12px/1.5 arial；
背景色：#F4；
填充：0px；
保证金：0
}
标题{
背景色：35424a；
颜色：#ffffff；
边际上限：0；
}
.集装箱{
宽度：80%；
保证金：自动；
}
标题a{
颜色：#ffffff
}
标题h1{margin:0}

测试HTML

家
关于
服务

默认情况下

h1

标记使用

16px

上下边距，因此需要添加

标题h1{margin:0}

正文{
字体：12px/1.5 arial；
背景色：#F4；
填充：0px；
保证金：0
}
标题{
背景色：35424a；
颜色：#ffffff；
边际上限：0；
}
.集装箱{
宽度：80%；
保证金：自动；
}
标题a{
颜色：#ffffff
}
标题h1{margin:0}

测试HTML

家
关于
服务

使用*选择器重置所有元素的所有边距填充总是好的

*{ padding:0; margin:0 }
h1 { padding-top:10px }

---

使用*选择器重置所有元素的所有边距填充总是好的

*{ padding:0; margin:0 }
h1 { padding-top:10px }

---

这是

h1

的边距，是从浏览器默认样式（用户代理样式表）继承的样式

尽量减少

h1{margin:0};

---

虽然我建议您应该为其添加一个id或css类以提高可维护性

这是

h1

的边距，但样式继承自浏览器默认设置（用户代理样式表）

尽量减少

h1{margin:0};

虽然我建议您应该为它添加一个id或css类以获得更好的可维护性

body标签有一个默认的4px填充，只需删除它 只需将这些行添加到html/css项目中，即可使“通过解除异议”设置的所有内容都被此项所否决

body标签有一个默认的4px填充，只需删除它 只需将这些行添加到html/css项目中，即可使“通过解除异议”设置的所有内容都被此项所否决

---

您知道您可以在大多数浏览器上使用

F12

检查html吗？然后徘徊会让你找到

h1

margins6的答案，所有答案都是一样的。。。有必要吗？谢谢大家。我无法在前10分钟内标记为答案。您知道您可以在大多数浏览器上使用

F12

检查html吗？然后徘徊会让你找到

h1

margins6的答案，所有答案都是一样的。。。有必要吗？谢谢大家。我不能