是否有任何数学公式可以计算应用于html/css中任何元素的填充？
例如：如果我有一张卡片，我想给它一个填充，那么有没有一个数学公式可以用来计算卡片组件的填充，使其更具视觉吸引力，并与网页的整体设计一致。
实际上否。没有数学公式来计算要给出的填充。这一切都取决于UI开发人员的可视化。如果你觉得5px的填充物在你的网站上看起来比2px更好，那么就用2px。这完全取决于你和你对它应该是什么样子的看法。
你可以看看其他网页，了解填充物的多少使其在视觉上具有吸引力。它类似于所有其他属性(边距、边框、轮廓、阴影等(
我不知道我是否理解你的问题，但你在CSS中计算你的填充。
普通CSS:
.element {
padding: 20px;
}
计算的CSS:
.element {
padding: calc(10% - 80px);
}
这里有一个链接到它的一些文档