Html css中魔法数字的最佳实践是什么？

在css中，我经常发现需要使用“幻数”的情况，或者我不能保证我的站点的其他部分不会破坏的值。通常它包含任意数量的填充/边距

一个例子是一个section类，它向元素的顶部和底部添加x个填充量。但是，根据元素本身的大小，我可能希望填充底部的填充更小，例如20px。这是分段与其他分段之间的距离。我可以制作很多类，比如bootstrap's、xm、sm、lg等，这样我就可以为某些填充大小提供预设但统一的选项，但感觉上我只是在将神奇的数字扩展到更多的类中

---

这方面的最佳做法是什么？那么，对于破坏这些类的情况，我可以使用内联样式标记覆盖它们吗？这本身就有代码整洁的问题，但我不确定什么是一个好的、合理的方法

你想要的东西像也检查了@NieDzejkob我是web开发新手，已经深入学习了LESS，所以有人建议我只为SASS学习SASS并没有时间效率。@Sim“类似SASS的东西”不一定意味着SASS本身-LESS也提供常量。