首先是css保证金还是先填充？

Question

在CSS代码中，

我们使用

#testing{
margin: 0;
padding: 0;
}

我使用RECESS代码来限定我的css文件

它建议我先使用填充，然后使用

#testing{
padding: 0;
margin: 0;
}

我的问题是，填充和边距的顺序在css质量中是否重要？

第一个填充和第一个边距之间有什么不同？

修改

只是想知道为什么它建议给我订单

Answer 1

Margin已应用于您元素的outside，从而影响您的元素远离其他元素的距离。

Padding已应用于元素的inside，因此会影响元素内容离边界的距离。

此外，使用margin不会影响元素的尺寸，而padding会使您的元素尺寸（设置高度+填充），例如，如果你有一个100x100px div和5px填充，你的div实际上是105x105px

Answer 2

CSS框模型本质上是一个包装HTML元素的框，它包括：边距，边框，填充和从上到下的实际内容。

即。在最重要的内容上，它需要填充值，边界，最后在所有边缘上都会出现。

在css中指定宽度值之前，应从宽度中减去边距，填充和边框值。例如width: 100px, padding: 10px, margin: 10px, border: 5px表示总容器的宽度为150px（100px + 20px（每个10px左右填充）+ 10px（左右边框每个5px）+ 20px（左右边距））。

给出填充和边距值的顺序没有任何区别。我们可以用css中的任何顺序写。

Answer 3

  

我的问题是，填充和边距的顺序在css质量中是否重要？

我认为原因是“编码风格”。

为了可读性，一致性，管理，挑剔 ......

你也可以通过a-z，type，css3 last ... etc。

订购

  

第一个填充和第一个边距之间有什么不同？

看起来

示例：

  

WordPress CSS Coding Standards

     

Google HTML/CSS Style Guide