在沙盒中寫入CSS是一個非常重要的技能，特別是在Web開發中。在這里，我們將向您展示如何在沙盒中編寫CSS，并將其應用于HTML中的元素。

/*樣式列表*/
body {
background-color: #fafafa;
font-family: Arial, sans-serif;
}
#container {
margin: 0 auto;
width: 960px;
padding: 20px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 5px #ddd;
}

第一步是創建HTML文件并將其保存到您的計算機上。在HTML文檔中，您需要添加一個`` 元素鏈接到CSS文件，以便瀏覽器知道加載CSS文件且在HTML文件中應用CSS規則。

第二步是在您的CSS文件中開始編寫CSS樣式。在我們的示例中，我們選擇了`body`元素，并設置了`background-color`和`font-family`屬性。接下來，我們選擇容器ID為`container`的元素，應用布局樣式，例如`margin`屬性，`padding`屬性以及其他邊框屬性。我們還添加了一個`box-shadow`屬性來為元素添加陰影效果。

在您完成CSS樣式后，您需要將代碼復制并粘貼到沙盒編輯器中。然后，瀏覽器將同時加載HTML和CSS文件，并將其應用于相應的元素。

最后，您可以開始測試和調整樣式，然后在您的Web項目中使用它。現在，您已經學會了如何在沙盒中編寫CSS，您可以嘗試添加更多CSS樣式和嘗試不同的選擇器以獲取更多CSS編寫經驗。