是否有数学公式来计算应用于 html/css 中任何元素的填充？
例如：如果我有一张卡片并且我想给它一个填充，那么我可以应用一个数学公式来计算该卡片组件的填充，以使其更具视觉吸引力并与网页的整体设计保持一致.
实际上不。没有数学公式来计算要给出的填充量。这一切都取决于 UI 开发人员的可视化。如果您觉得 5px 的内边距在您的网站中看起来比 2px 更好，那么请使用 2px。这完全取决于您和您对它的外观的看法。
您可以查看其他网页，了解多少填充使其具有视觉吸引力。所有其他属性（边距、边框、轮廓、阴影等）都是类似的
我不知道我是否正确理解你的问题，但是你计算CSS中的填充。
普通CSS：
.element {
padding: 20px;
}
计算CSS：
.element {
padding: calc(10% - 80px);
}
虽然没有严格的公式，但常见的方法是使用基于基本间距单位（例如 8px 或 10px）的比例，并应用倍数（1x、2x、3x）以获得一致的填充。这创造了和谐与平衡，使整个设计中的元素具有视觉吸引力和凝聚力。