html – 为什么元素上有默认边距?

前端之家收集整理的这篇文章主要介绍了html – 为什么元素上有默认边距?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于我的大部分发展职业,我只需要在前端,基于Web的UI开发中进行开发.有一件事情总是让我知道,不断需要重置基于浏览器的样式“假设”,我经常忘记,直到这些默认值开始影响我的页面的布局.

大多数浏览器最大的假设是HTML< body>元素应该有一个边距,几乎总是8px.

该违约保证金的设计决定是什么?

实际上,这种差距是非常不合需要的,因为它是基本的标准做法,将这种类型的样式包含在网站的每个页面中包含的.css文件中:

html,body
{
    margin: 0px; padding: 0px
}

逻辑上的逻辑将决定大多数开发人员想要一个完整的,空白的平板电脑,他们可以使用和格式化自己决定.使用浏览器默认身体元素周围的边距,设计人员必须保持对间距的争议,并添加代码,以计算其内部元素的正确布局,如果它们不重置布局.

有没有什么好的原因,为什么HTML浏览器的原始开发人员决定在所有的身体元素默认抛出这个边距?

解决方法

语言最初是独立工作的.所以你可以在技术上使用那种特定的语言来达到目的.在HTML的情况下,只允许您在浏览器上显示某些内容.另一方面,CSS(和你一定知道的),它旨在创建所有的美化过程.所以,考虑到这一点,任何人都应该能够编写一个没有任何CSS的HTML文档,浏览器应该以最清晰的形式显示它.现在,为了尽可能的保持一致,浏览器有一些叫做“一致的默认值”.这些默认值覆盖了正文的边距和填充,一些字体,最清晰的字体大小等等.它们可以让您根据需要覆盖CSS.

没有身体上的边距和填充,所有内容都将完全刷新到浏览器窗口.如果您正在阅读文档,那不是最佳做法

编辑

以下链接显示Firefox和Webkit CSS默认值.这将帮助您解决那些您不知道他们来自哪里或者他们存在的默认值.

Webkit

Firefox

猜你在找的HTML相关文章