CSS運算公式是一種可以幫助我們計算和排版網頁的工具。通過將各種數學和邏輯運算運用到CSS的屬性中，可以實現各種強大的效果。下面我們來看一些常見的運算公式。

/* 加法 */
width: 100px + 50px;
/* 減法 */
width: 100px - 50px;
/* 乘法 */
width: 100px * 2;
/* 除法 */
width: 100px / 2;
/* 取模 */
width: 100px % 3;
/* 比較 */
width: (100px >50px) ? 200px : 300px;
/* 取反 */
width: !true;
/* 與運算 */
width: true && false;
/* 或運算 */
width: true || false;
/* 循環 */
@for $i from 1 through 5 {
.item#{$i} {
width: 20px * $i;
}
}
/* 判斷 */
@if $i< 3 {
.item {
color: red;
}
} @else {
.item {
color: blue;
}
}

以上是一些常見的CSS運算公式，可以幫助我們更高效地編寫出優雅、簡潔的網頁樣式。當然，這只是冰山一角，還有更多強大的CSS運算公式等待我們的探索。