如何在CSS记住，保证金是境外，并填充内

Question

我不经常编辑CSS，几乎每个我需要去和谷歌CSS box model检查padding是否为border和margin以外的时间内， 或相反亦然。 （刚刚再次检查，padding在里面）。

有没有人有记住这个好方法？一点点记忆，一个很好的解释，为什么名字是圆的这种方式...

Answer 1

当使用CSS终于让你疯狂的他们会把你填充的细胞有墙内填充。

Answer 2

脚 - P是从规范的Box Dimensions部分的图

Answer 3

打印，并把它挂在墙上。

Answer 4

对我来说，“填充”听起来比“边距”更内在。也许想想印刷页面会有所帮助？边缘是远处的区域 - 通常，你甚至无法打印到边缘 - 它们并不显眼。在这些边际内，内容可能被填充以提供内容和边距之间的额外障碍？

一旦你在CSS中工作足够了，它将成为记住这一点的第二天性。

Answer 5

使用萤火虫来帮助你看。

Answer 6

我刚学会了一段时间 - 箱子模型相当简单，但人们发现它很难的主要原因是因为body没有明显地打破模型。

真的，如果你给body一个边距和背景，你应该看到它被白色条纹包围。但是，情况并非如此 - body的填充与边距相同。这就建立了关于盒子模型的一些不正确的事情。

我常常想它是这样的：环绕箱

• 保证金=间距;
• border =边框的边框;
• padding =框内空间。

Answer 7

创建一个注释基础样式表，您可以在需要创建新网站或编辑现有网站时将其用作模板。

随着知识的增长，您可以添加到知识中，并将其应用于各种不同的浏览器，以查看各种行为的表现。

您还可以添加关于其他难以记忆的东西或与直觉相反的东西的评论或示例。

Answer 8

添加边框，即使只是暂时。当你玩数字时，你会看到不同之处。

事实上，围绕要素临时边界的工作有帮助的方式，这样你可以看到为什么浮标下降等

Answer 9

我知道这是一个回答你的问题，但更多的是尖的。每当我处理保证金和填充时，我会在您正在使用的部分周围添加边框，然后从那里向我显示需要使用的空间。当我全部设置好后，我删除边框。

Answer 10

您正在使用一个盒子。如果你在箱子里放东西，你会在里面放一些垫子，以确保它不会撞到两边。保证金将成为另一件事。

Answer 11

Tim Saunders给出了一些很好的建议 - 当我第一次开始使用CSS时，我着重构建了一个完整的评论基础样式表。该样式表已经改变了很多次，仍然是一个了不起的资源。

但是，当我碰到自己的盒子模型问题时，我开始使用'Mo Pi'。就像在“我不够胖，我需要吃掉馅饼。”奇怪，但它为我工作。当然，我在学CSS的时候放了20磅... ;-)

Answer 12

padding是一个元素的PAinting的一部分：它扩展了元素的背景。将对元素+填充看作共享共同背景是有意义的。填充类似于画布的画布：填充越大，画布越大，因此背景越大。边框（绘画的框架）会围绕这一对。和保证金将分开在画廊墙壁上的绘画。思考对象背景的概念有助于将对象+填充在一起。对于内心与外在的一般解释并不拘泥于记忆：过了一段时间，每个人都会回到最初的困惑。请记住，边距可以垂直折叠，填充不是。

Answer 13

填充通常用在里面。无论是在墙壁或交付箱的内部，这很简单。如果内部填充，则边缘在外。不应该太难。

Answer 14

保证金：当你想移动块。 填充：当您想要移动块内的项目时。

Answer 15

而不是一再询问谷歌你只是使用督察窗口。在该样式选项卡并向下滚动到底部，您可以看到像这样。