CSS是構建網頁布局的重要工具之一，它可以為網頁元素添加各種樣式，使網頁更加美觀。下面我們來學習一下如何使用CSS設置兩個小盒子。

首先，我們需要在HTML文件中創建兩個盒子，使用div標簽即可。代碼如下：

<div class="box1"></div>
<div class="box2"></div>

接下來，我們需要為這兩個盒子設置樣式。我們可以使用CSS選擇器來選擇這兩個盒子，并分別設置它們的樣式。

.box1 {
width: 100px;
height: 100px;
background-color: red;
float: left;
}
.box2 {
width: 100px;
height: 100px;
background-color: blue;
float: left;
}

在上面的代碼中，我們使用了兩個類選擇器來選擇這兩個盒子，分別為.box1和.box2。然后我們為它們設置了相同的寬度和高度，但是背景顏色不同。

最后，我們使用float屬性來實現這兩個盒子的橫向排列。設置float屬性為left，就可以讓這兩個盒子并排顯示。

至此，我們就成功地使用CSS設置了兩個小盒子，并使它們橫向排列。通過選擇不同的樣式屬性，我們還可以為這兩個盒子添加更多的樣式，如邊框、陰影、圓角等。