在我的大部分开发生涯中,我只需要涉足基于Web的前端UI开发.有一件事总是让我感到困惑的是不断需要重置基于浏览器的样式"假设",我经常忘记这些,直到这些默认值开始影响我的页面布局.
大多数浏览器最大的假设是HTML 元素应该有一个边距,几乎总是8px.
这个默认保证金的设计决定是什么？
事实上,这种边际是非常不可取的,基本上标准的做法是将这种类型的样式包含在.css文件中,该文件包含在网站的每个页面中:
html, body
{
margin: 0px; padding: 0px
}
恕我直言,逻辑将要求大多数开发人员想要一个完整的,空白的平板,他们可以自己决定使用和格式化.随着浏览器的默认身体周围元素的余量,设计师必须保持有争议的间距,并添加代码来计算正确的布局,其内部元素,如果他们不重新布局.
HTML浏览器的原始开发人员是否有任何理由在默认情况下决定在所有正文元素上抛出此边距？
语言最初是为独立工作而构建的.因此,您可以在技术上将该特定语言用于仅用于此目的.在HTML的情况下,它只允许您在浏览器上显示某些内容.另一方面,CSS(并且你肯定知道),它旨在创建所有的美化过程.因此,考虑到这一点,任何人都应该能够编写一个没有任何CSS的HTML文档,浏览器应该以最清晰的形式显示它.现在,为了使这种情况尽可能一致,浏览器会出现一种称为"理智默认值"的东西.这些默认值涵盖了主体上的边距和填充,一些字体,最清晰的字体大小等.它们会让您根据需要使用CSS覆盖.
没有身体上的边距和填充,一切都将完全刷新到浏览器窗口.如果您正在阅读文档,那不是最佳做法
编辑
下面的链接显示Firefox和Webkit CSS默认值.这将帮助您解决那些您不知道它们来自哪里或者它们存在的默认值.
WebKit的
火狐
京公网安备 11010802040832号 | 京ICP备19059560号-6 