这个CSS片段的目的是什么？

Question

我的样式表中有以下代码段.有什么影响或目的？

* {
    margin:0;
    padding:0;
    top: 0px;
    left: 0px;
}

Answer 1

这是重置.之后所有元素都将有0个边距,填充等.

此类重置对于规范化行为(一些浏览器带有预定义的边距,填充等)以及增加浏览器的视觉一致性非常有用.

Answer 2

这是一个重置CSS.它的目的是为all(*)元素删除默认的非零间距.所有浏览器都有一些默认样式表,它们彼此不是很一致.以<form>作为一个例子.

注意:设置left和top属性0px对我来说不合适.这很可能会导致绝对定位问题.绝对定位元素时,您可能只想定义它的垂直或水平偏移(不是两者),而保持另一个偏移不变.重置CSS不允许这样做,因为它为垂直和水平提供了值.您也可以从底部定位元素.如果你有这个重置,它将同时具有两者bottom,top并且在大多数情况下不需要,并且可能改变元素的高度或不考虑其中一个偏移.无论如何,它会给你一些不打算的东西并打破你的布局.

对于那些想要了解更多信息的人:http://www.w3.org/TR/CSS2/visuren.html#absolute-positioning