作为新手 Web 开发人员,您在删除正文元素中的边距空间时遇到了挑战。正如您在 jsbin 代码中观察到的那样,该空间出现在浏览器顶部和“徽标”文本之间。了解原因并采用正确的解决方案至关重要。
使用以下 CSS 规则删除边距的方法是不正确的:
body { margin: 0; }
虽然看起来很简单,但此方法可以造成意想不到的后果。不建议将所有边距和填充全局重置为零。
在您的情况下,h1 边距出现在父容器之外,因为父元素缺少填充。通过向 h1 的父元素添加内边距,边距将落在父元素的边界内。
建议不要实现全局重置,而是针对需要调整边距的特定元素。对于这种情况,您可以删除特定标题的 margin-top 属性,而不是应用可能在代码中其他地方产生不良影响的一揽子规则。
以上是如何在不全局重置的情况下有效删除 CSS 中不需要的正文边距?的详细内容。更多信息请关注PHP中文网其他相关文章!