本文將介紹如何使用CSS制作大小不同的方塊，首先我們將創建一個300x300像素大小的大方塊，代碼如下：

.big-square {
width: 300px;
height: 300px;
background-color: red;
}

接下來，我們將在這個大方塊內部創建一個150x150像素大小的小方塊，代碼如下：

.big-square {
width: 300px;
height: 300px;
background-color: red;
position: relative;
}
.small-square {
width: 150px;
height: 150px;
background-color: blue;
position: absolute;
top: 75px;
left: 75px;
}

在上面的代碼中，我們設置了大方塊的`position`屬性為`relative`，表示該元素的位置是相對于其正常的位置進行定位。然后我們在大方塊內創建了一個小方塊，并設置了其`position`屬性為`absolute`，表示該元素的位置是相對于父級元素（即大方塊）進行定位。我們使用`top`和`left`屬性將小方塊定位到大方塊的中心位置。

現在，我們已經成功創建了一個大小不同的方塊組合，您可以根據您的需求進行調整大小和顏色等樣式的更改。