在CSS中，我們經常需要定義方塊或者區域的樣式。但是，通常情況下我們會將所有的樣式都放在一個類（class）或者ID（id）中，這樣既不方便維護也不利于代碼的擴展和優化。因此，我們需要將這個方塊的樣式分開來定義。下面就是一種實現方法：

.square {
width: 100px;
height: 100px;
border: 1px solid #000;
}
.square__content {
padding: 10px;
background-color: #f00;
}

代碼中我們首先定義了一個類叫做“square”，它代表了我們所要定義的方塊。接下來，我們再定義一個類叫做“square__content”，它代表了方塊中的內容。這樣，我們就將方塊和方塊中的內容分開了來定義。

這種方法的好處在于我們可以更加方便的維護代碼。例如，如果我們需要修改方塊大小，我們只需要修改“square”類的樣式即可，而不需要管方塊中的內容。如果我們要修改方塊中的內容，只需要修改“square__content”類的樣式即可，而不需要管方塊的大小等樣式。

總之，將方塊的樣式分開來定義是一種好的代碼編寫習慣，可以提高代碼的可維護性和擴展性，讓我們在開發中更加方便實現需求。