CSS中常常需要增加數值，比如為元素設置margin或padding時，我們可能需要在原有值的基礎上增加一定的數值。在CSS中，我們可以通過幾種方式來實現數值的增加，本文將為大家介紹其中幾種常見的方法。

/*方式一：使用+號*/
.box {
margin-top: 10px;
margin-top: 10px + 20px; /*計算后結果為30px*/
}
/*方式二：使用calc()函數*/
.box {
margin-top: calc(10px + 20px); /*計算后結果為30px*/
}
/*方式三：使用變量*/
:root {
--margin-top: 10px;
}
.box {
margin-top: var(--margin-top);
margin-top: calc(var(--margin-top) + 20px); /*計算后結果為30px*/
}

使用+號來進行數值的增加，直接在原有值的基礎上加上要增加的值即可。使用calc()函數時，我們需要將要計算的表達式放在括號內，函數會自動計算出結果。使用變量來進行數值的增加，需要先在:root偽類中定義變量，然后在元素中使用var()函數調用變量。不同的方法各有優缺點，具體使用時可以根據實際情況選擇相應的方式。