CSS盒子模型是CSS基礎(chǔ)知識之一，它指的是用于表示HTML元素尺寸和位置的矩形框。CSS盒子模型由四個(gè)部分組成：填充（padding）、邊框（border）、內(nèi)邊距（padding）、內(nèi)容（content）。

.box{
width: 200px;
height: 150px;
padding: 10px;
border: 1px solid #ccc;
margin: 10px;
}

在CSS中，我們可以使用填充（padding）來指定元素邊框和內(nèi)容之間的空白。填充可以使用px、%等單位來指定。

在CSS盒子模型中，填充（padding）是緊貼著內(nèi)容（content）的。也就是說，如果一個(gè)元素的寬度為200px，填充為10px，那么內(nèi)容區(qū)域的寬度就是180px（200px - 10px*2）。

下面是CSS盒子模型填充順序圖：

+---------------------------------------------------------+
|                     margin-top                            |
+---------------------------------------------------------+
|                     border-top                            |
+---------------------------------------------------------+
|                     padding-top                           |
+---------------------------------------------------------+
|                     content                               |
|       +-----------------------------------------+         |
|       |                    box                  |         |
|       +-----------------------------------------+         |
|                     content                               |
+---------------------------------------------------------+
|                     padding-bottom                        |
+---------------------------------------------------------+
|                     border-bottom                        |
+---------------------------------------------------------+
|                     margin-bottom                         |
+---------------------------------------------------------+

在盒子模型中，填充的順序是從上到下、從左到右的。也就是說，先填充頂部（padding-top）、左側(cè)（padding-left）、右側(cè)（padding-right）和底部（padding-bottom）。

同時(shí)，填充也會(huì)影響到邊框（border）和內(nèi)邊距（padding）的大小。如果你希望使用固定寬度的盒子，需要計(jì)算好填充大小和邊框大小。因此，理解盒子模型的每個(gè)部分的間隙和位置非常重要。