CSS樣式表里的“箱變”是指盒模型(box model)的各種屬性值發生變化時，元素的表現形式隨之改變的效果。這些屬性值包括元素的寬度、高度、邊框、內邊距(padding)和外邊距(margin)等等。

我們可以使用CSS去調整這些屬性值，從而控制元素的大小、位置、間距等樣式。在這其中，盒模型扮演著重要的角色，它描述了一個HTML元素的布局方式，可以把元素看作是一個矩形的盒子，因此CSS的各種屬性也就是在控制這個盒子如何顯示的。

CSS盒模型由四個部分組成，包括內容(content)、內邊距(padding)、邊框(border)和外邊距(margin)。當我們設置元素的寬度、高度、內邊距、外邊距等屬性時，這些屬性值會影響到這4個部分中的一個或多個，進而改變元素的表現形式。通過對這些屬性的靈活運用，我們可以實現各種各樣的布局效果。

div {
width: 200px; /* 設置盒子寬度 */
height: 100px; /* 設置盒子高度 */
padding: 20px; /* 設置內邊距大小 */
margin: 10px; /* 設置外邊距大小 */
border: 1px solid black; /* 設置邊框 */
}

上面的代碼展示了一個例子，設置了一個 div 元素的寬度、高度、內邊距、外邊距和邊框等屬性。這些屬性值的變化會導致 div 元素的盒模型發生變化，從而顯現出不同的外觀效果。

總之，CSS的“箱變”就是在控制HTML元素的盒模型屬性值時，隨之呈現出不同的表現形式的過程。掌握盒模型的特點和屬性，可以讓我們更準確地控制頁面的布局和樣式，實現更加優美、清晰的界面設計。