CSS是前端開發(fā)中很重要的一部分，其中四個方框尤為重要。下面將介紹這四個方框及其作用。

.box {
padding: 10px;
border: 1px solid #000;
margin: 10px;
}

第一個是內(nèi)邊距框，也就是padding。padding指定元素的內(nèi)部間隔區(qū)域，即元素內(nèi)容與元素邊框之間的距離。上述代碼中指定了10px的內(nèi)邊距。

第二個是邊框框，也就是border。border指定元素的邊界，可以控制邊框的顏色、樣式和寬度。上述代碼中指定了1px的黑色實線邊框。

第三個是外邊距框，也就是margin。margin指定元素與其他元素的間隔距離，即控制元素之間的空白區(qū)域。上述代碼中指定了10px的外邊距。

第四個是元素內(nèi)容框，也就是指元素內(nèi)文本和媒體內(nèi)容的顯示區(qū)域。可以通過width和height屬性來控制元素內(nèi)容框的大小。

以上就是CSS中四個方框的簡單介紹，它們可以讓我們更好地控制頁面布局和元素樣式，更好地實現(xiàn)網(wǎng)站設計。