CSS3的box屬性是針對盒模型的一組新屬性，可以用來調整元素的尺寸、邊框和外邊距等。在前面的CSS2標準中，這些屬性是分開的，比較繁瑣。而現在，通過CSS3的box屬性，我們可以更方便地控制元素的盒模型。

.box{
/* 設定元素的盒子寬度 */
width: 100px;
/* 設定元素的盒子高度 */
height: 100px;
/* 設定元素的內邊距 */
padding: 10px;
/* 設定元素的邊框寬度、樣式和顏色 */
border: 1px solid #ccc;
/* 設定元素的外邊距 */
margin: 10px;
/* 使用CSS3的box-sizing屬性，將元素的尺寸計算方式改為border-box，這樣內邊距和邊框的寬度就不會撐開元素 */
box-sizing: border-box;
}

通過上面的代碼，我們定義了一個名為.box的元素，并使用了box屬性來設定它的寬高、內邊距、邊框、外邊距等。其中，box-sizing屬性是CSS3中新增的，它可以取兩個值：content-box（默認值）和border-box。前者的計算方式是將元素的尺寸作為內容區的尺寸，而后者的計算方式是將元素的尺寸作為包含內邊距和邊框的總尺寸。

比如說，當我們設置一個元素的寬度為100px、內邊距為10px、邊框寬度為1px時，如果使用content-box計算方式，那么元素的真實寬度為100+10+1+10+1+10+1=133px。而如果使用border-box計算方式，那么元素的真實寬度就是100px。顯然，使用border-box可以更好地控制盒子模型。