为什么HTML中有默认边距< body >？

HTML中的< body >标签代表文档内容的主体部分，它包含了所有的可见内容，如文字、图片、音频、视频等。但是你可能会发现，在没有进行任何样式设置的情况下，< body >标签周围会有一定的默认边距（margin）和内边距（padding）。

为什么会有默认边距和内边距？

这是因为浏览器的样式表中默认设置了一些CSS属性值。比如，对于< body >标签，它在大部分浏览器的默认样式表中会设置以下属性：

body {
  margin: 8px;
  padding: 8px;
}

这样的设置使得< body >标签与窗口边缘之间有一定的空隙，确保了页面的可读性和视觉效果。

如何修改默认边距和内边距？

如果你想要修改默认的边距和内边距，可以通过CSS样式表来实现。比如：

body {
  margin: 0;
  padding: 0;
}

这样就可以将< body >边距和内边距全部设置为0，使得页面中的内容紧贴着窗口边缘。当然，你也可以根据实际需要来进行调整，如改变边距和内边距的数值大小和颜色等。

结论

< body >标签的默认边距和内边距是由浏览器样式表中的默认设置决定的，我们可以通过CSS样式表来修改它们的数值和颜色。理解和掌握这些知识，有助于你更好地理解HTML和CSS的编程原理，从而写出更加高质量的网页代码。

参考资料：

• w3cshool HTML body
• MDN Web Docs