0

在 CSS 代码中,

我们用

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

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

它建议我先使用填充,然后使用边距

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

我的问题是,填充和边距的顺序对 CSS 质量重要吗?

填充优先和边距优先有什么区别?

编辑

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

在此处输入图像描述

4

3 回答 3

1

CSS 盒子模型本质上是一个包裹 HTML 元素的盒子,它包括:边距、边框、填充,以及从上到下的实际内容。

即立即在顶部内容上,它需要填充值、边框,最后在所有边距的顶部。

在 css 中分配宽度值之前,应从宽度中扣除边距、填充和边框值。例如width: 100px, padding: 10px, margin: 10px, border: 5px表示整个容器的宽度为 150px(100px+20px(左右填充各 10px)+10px(左右边框各 5px)+20px(左右边距))。

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

于 2013-07-30T10:01:01.450 回答
1

Margin应用于outsideof you 元素,从而影响您的元素与其他元素的距离。

Padding应用于inside您的元素,从而影响您的元素内容与边框的距离。

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

于 2013-07-30T09:57:05.047 回答
1

我的问题是,填充和边距的顺序对 CSS 质量重要吗?

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

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

您也可以按 az、type、css3 last...等排序。

填充优先和边距优先有什么区别?

看起来。

例子:

WordPress CSS 编码标准

谷歌 HTML/CSS 样式指南

于 2013-07-30T11:43:37.557 回答