Question

这种简单网页格式的基本思路是

a）让用户决定他想要的文字是什么样的

b）使代码尽可能短而简单

在他的浏览器设置中（如果应用程序允许），读者可以选择字体，文本大小，标题大小（H1，H2等），背景颜色和其他默认值。到目前为止，外部CSS文件中的唯一行：body { max-width: 30em; font-family: Sans-Serif }。

但是，一个非常熟悉（和实用）的约定是顶部栏（标题/标头和/或导航），没有边距 - 它渗透到浏览器/设备的边缘，完全填满空间。问题是所有浏览器默认都有边距。

那么，如果让浏览器的默认边距适用于HTML页面的其余部分，那么无边距条是如何实现的呢？

继承，重置和取消设置css关键字似乎已接近尾声。而且，显然，在研究这个概念时反复出现的一件事是{ margin: 0; padding: 0; }。

顶部导航栏的解决方案是什么，在浏览器默认控制下的主要内容区域中没有边距和边距？

甚至可能吗？

Answer 1

读取正文边距并为标题指定负边距：

<div id="header">Some text to test</div>

<script>
var defaultmargin=$("body").css("margin").replace("px","");
$("#header").css("margin",-defaultmargin+"px");
</script>

Answer 2

您可以使用JavaScript进行任何您想要的更改（JQuery是我首选的框架）。

对于网页设计，伙计，你真的需要自己看。谷歌是你的朋友！

你所要求的是基本的，你肯定不会在这里得到一个完整的课程。但我可以建议你去寻找HTML / CSS MOOC左右（OpenClassrooms可能会提供免费的英语课程，除非你更喜欢法语吗？）。

如果你考虑一下，你可能也喜欢Bootstrap：Bootstrap Website

无论如何，复活节快乐！

Answer 3

将其余代码放在<div class = "rest"> </div>之间并包含以下css。

body {
  margin: 0, padding:0;
}

.rest {
  margin: 5px
}

顶部导航栏的CSS，其下方区域没有边距和浏览器默认边距

3 个答案: