CSS盒子是web頁面的重要組成部分，它可以用于定義頁面布局、排版、樣式等內(nèi)容。一個CSS盒子由四個基本部分組成，分別是：內(nèi)容區(qū)，內(nèi)邊距，邊框和外邊距。

.box{
width: 200px;
height: 200px;
padding: 20px;
border: 1px solid #000;
margin: 20px;
}

其中，內(nèi)容區(qū)即為盒子內(nèi)部的內(nèi)容所占區(qū)域，它的大小可以由width和height屬性來進(jìn)行控制。內(nèi)邊距則是相對于內(nèi)容區(qū)的內(nèi)部空白區(qū)域，可以使用padding屬性來進(jìn)行設(shè)定。邊框則是位于內(nèi)邊距之外的一層外框，可以使用border屬性來進(jìn)行設(shè)定。最后，外邊距則是盒子與其他元素的間隔距離，可以使用margin屬性來進(jìn)行設(shè)定。

通過對這四個基本部分的靈活運用，可以實現(xiàn)諸如居中布局、多列布局、響應(yīng)式布局等不同的頁面布局方式，讓web頁面呈現(xiàn)出更加豐富多彩的效果。