在 CSS 代码中,
我们用
#testing{
margin: 0;
padding: 0;
}
我使用RECESS代码限定我的 css 文件
它建议我先使用填充,然后使用边距
#testing{
padding: 0;
margin: 0;
}
我的问题是,填充和边距的顺序对 CSS 质量重要吗?
填充优先和边距优先有什么区别?
编辑
只是想知道为什么它会为我建议订单
在 CSS 代码中,
我们用
#testing{
margin: 0;
padding: 0;
}
我使用RECESS代码限定我的 css 文件
它建议我先使用填充,然后使用边距
#testing{
padding: 0;
margin: 0;
}
我的问题是,填充和边距的顺序对 CSS 质量重要吗?
填充优先和边距优先有什么区别?
编辑
只是想知道为什么它会为我建议订单
CSS 盒子模型本质上是一个包裹 HTML 元素的盒子,它包括:边距、边框、填充,以及从上到下的实际内容。
即立即在顶部内容上,它需要填充值、边框,最后在所有边距的顶部。
在 css 中分配宽度值之前,应从宽度中扣除边距、填充和边框值。例如width: 100px, padding: 10px, margin: 10px, border: 5px
表示整个容器的宽度为 150px(100px+20px(左右填充各 10px)+10px(左右边框各 5px)+20px(左右边距))。
给出填充和边距值的顺序没有任何区别。我们可以在 css 中以任何顺序编写。
Margin
应用于outside
of you 元素,从而影响您的元素与其他元素的距离。
Padding
应用于inside
您的元素,从而影响您的元素内容与边框的距离。
此外,使用margin
不会影响元素的尺寸,而padding
会使元素尺寸(设置高度+填充),例如,如果您有一个 100x100px 的 div 和 5px 的填充,那么您的 div 实际上是 105x105px
我的问题是,填充和边距的顺序对 CSS 质量重要吗?
我认为原因是“编码风格”。
为了可读性、一致性、可管理性, 挑剔...
您也可以按 az、type、css3 last...等排序。
填充优先和边距优先有什么区别?
看起来。
例子: