如何在CSS中记住边距在边界之外,而填充在边界内

时间:2020-03-05 18:44:30  来源:igfitidea点击:

我不经常编辑CSS,几乎每次我都需要去搜索CSS框模型以检查padding'是否在border内而在margin`之外时,反之亦然。 (只需再次检查,里面有" padding")。

有没有人记得这个好的方法?有点助记符,很好地解释了为什么名称如此左右...

解决方案

回答

引脚P在

回答

从规格的"包装尺寸"部分打印图表,然后将其放在墙上。

回答

对我来说," padding"听起来比" margin"更内在。也许考虑打印页面会有所帮助?页边距通常是位于最外面的区域,我们甚至无法将其打印到边缘没有明显的地方。在这些边距内,可以填充内容以在内容和边距之间提供额外的障碍吗?

一旦足够地使用CSS,记住这一点将成为第二天性。

回答

使用萤火虫来查看。

回答

当使用CSS最终驱动时,我们会疯狂地将它们放入其中的填充单元在墙的内部具有填充物。

回答

随着时间的推移,我刚刚了解到它,盒子模型相当简单,但是人们发现它很难的主要原因是因为'body'不会明显破坏模型。

的确,如果我们给body提供一个边距和一个背景,则应该看到它被白色条带包围。但这不是body的填充与边距相同的情况。这就建立了一些关于盒子模型的错误信息。

我通常这样考虑:

  • 边距=盒子周围的间距;
  • border =盒子的边缘;
  • 填充=盒子内的空间。

回答

创建自己的注释基础样式表,我们可以在需要创建新站点或者编辑现有站点时将其用作模板。

我们可以随着知识的增长对其进行添加,并将其应用于各种不同的浏览器,以查看各种事物的行为。

我们还可以添加有关其他难以记住的内容或者与直观相反的内容的评论或者示例。

回答

添加边框,甚至只是临时添加边框。在玩数字游戏时,我们会看到不同之处。

实际上,元素周围的临时边界是一种有用的工作方式,例如,我们可以看到为什么浮点数下降等。

回答

我知道这是对我们问题的解答,但更多是技巧。每当我要处理边距和填充时,我都会在要使用的零件周围添加边框,然后从那里开始,它向我显示了我必须使用的空间。摆好一切后,我将删除边框。

回答

我们正在使用一个盒子。如果要在盒子里放东西,则要在里面放一些填充物,以确保它不会碰到侧面。保证金则是另一回事。

回答

当我刚开始使用CSS时,Tim Saunders给出了一些很好的建议,我着眼于构建一个良好的,带有完整注释的基本样式表。该样式表已经更改了很多次,并且仍然是一个了不起的资源。

但是,当遇到自己的盒子模型问题时,我开始使用" Mo Pi"。如"我不够胖,我需要吃磨皮"。奇怪,但是对我有用。当然,我在学习CSS的同时加了20磅... ;-)