CSS樣式盒子大小是前端開發中的一個重要概念，正確的處理盒子大小會在頁面展示和布局上起到至關重要的作用。

.box {
width: 100px;
height: 50px;
padding: 10px;
border: 1px solid black;
margin: 20px;
}

上述代碼是一個盒子的樣式設置，其中width和height分別設置了盒子的寬度和高度，padding設置了盒子內部的間距，border設置了盒子的邊框，margin則是盒子外部的間距。

需要注意的是，盒子的實際大小是由盒子內容、內邊距、邊框和外邊距四個部分組成的，而width和height只是盒子的內容大小，在加上內邊距、邊框和外邊距后才是盒子的實際大小。

當我們需要設置盒子的實際大小時，應該考慮到盒子的所有部分，不僅僅是盒子內容的大小。同時還需要注意瀏覽器默認的盒模型和W3C標準盒模型的區別，在設置大小時需要使用不同的盒模型。

.box {
box-sizing: border-box;
width: 100px;
padding: 10px;
border: 1px solid black;
margin: 20px;
}

上述代碼中，使用了CSS3的box-sizing屬性，將盒模型設置為W3C標準盒模型，這樣設置盒子大小時就不需要再考慮內邊距和邊框的大小了，因為這些都被計算到盒子的寬度和高度中了。

總之，在處理CSS樣式盒子大小時需要考慮盒子的所有部分，根據具體需求選擇合適的盒模型和設置方法。