CSS內容框模型是網頁布局的基礎之一，其本質是指每個 HTML 元素在網頁中所占據的空間大小。在 CSS 中，一個 HTML 元素可以分為外邊距、邊框、內邊距以及內容四個部分，這四個部分一起構成了該元素的內容框。

外邊距是元素與其它元素的距離，它定義了元素與其它元素之間的距離大小，例如：margin-top、margin-right、margin-bottom 和 margin-left。

邊框是緊貼在元素的外邊距以內的一個框，在 CSS 中可以通過 border-top、border-right、border-bottom 和 border-left 進行設置。

內邊距是元素邊框內側與元素的實際內容之間的距離，例如：padding-top、padding-right、padding-bottom 和 padding-left。

內容是元素實際的內容，例如：文本、圖片等等。

例如，以下是一個 div 元素的 CSS 內容框模型示例：
div {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
border: 1px solid #000000;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #F0F0F0;
}

在上述代碼中，一個 div 元素的內容框由外邊距、邊框、內邊距和內容組成。該 div 元素的外邊距和內邊距設置為不同的值，這意味著 div 元素周圍有一定的空白，在內部還有額外的空白區域。同時，該 div 元素通過設置邊框，使得它包含的內容保持在邊框內部。最后，為該 div 元素設置了背景色。

總而言之，CSS 內容框模型是一個非常有用的概念，可以幫助我們更好地理解 HTML 元素在頁面上的布局和定位。