HTML/CSS-如何删除周围的空白？

我想删除周围的空白（如图中所示，每个角落都有一个厚厚的空白），我该怎么做？它似乎是默认创建的，需要做些什么来删除它。我已经尝试过添加边距：-10px，但这似乎不是正确的方法，因为它会弄乱下面内容的视图

这是我的密码：

页眉、页脚{
填充：1em；
颜色：白色；
字体系列：“Calibri”；
背景色：#000000；
清除：左；
文本对齐：居中；
}
/*导航栏启动*/
导航栏{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
字体系列：“Calibri”；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*悬停时将链接颜色更改为#111（黑色）*/
李娜：停下来{
背景色：#111；
}
.主动{
背景色：#009933；
}
/*导航杆端*/
导航{
浮动：左；
最大宽度：160px；
保证金：0；
填充：1em；
}
李海军{
浮动：无；
}
导航ul{
列表样式类型：disc；
填充：0；
利润率：10px；
}
导航ula{
文字装饰：无；
}
文章{
左边距：170px；
左边框：1px纯色灰色；
填充：1em；
溢出：隐藏；
}

标题







项目1
项目2

项目1
此处为第1项的说明

版权所有（c）KPA

eric meyer的css重置简直太神奇了。它将删除这些空间

另一种方法是设置

margin: 0;
padding: 0;

---

问题是你身体元素的边缘。像这样

body {margin: 0;}

---

您必须在页面顶部添加线条样式的css

html，正文{margin:0}

您可以使用或：

试一试

---

类似于

.nav{padding:0em；}

尝试将body和htmlOh上的margin/padding设置为0！我从来不知道事情会这么简单。谢谢任何时候，我都会建议按照THCoder@KPA您还需要编辑代码。你在尸体后面合上了头标签。头部标记需要在主体标记开始之前关闭。我只使用了margin:0，它似乎可以工作，我可以知道填充的作用吗？一些浏览器（如Opera）不使用margin。相反，它们使用填充使这些空格出现在文档中。为了安全起见，只需将边距和填充设置为0。填充位于内容和边框之间。边在边之后。检查此项了解更多信息通常情况下，浏览器会在文档周围设置8px左右的边距或填充。像Chrome或Firefox这样的浏览器，他们使用边距来实现这一点。但是像Opera这样的浏览器，他们使用填充在文档周围形成8px的空间。希望这有帮助@THCoder-歌剧的哪个版本？没有现代版本的Opera使用填充。try.body{margin:0；}

body {
   margin: 0;
   padding: 0;
}

.article{ 
padding: 0em;
}