CSS中的列表和盒子都是我們常常用到的元素，它們在網頁布局中起著至關重要的作用。下面我們分別來看一下這兩個元素。

1. 列表

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
<ol>
<li>有序列表項1</li>
<li>有序列表項2</li>
<li>有序列表項3</li>
</ol>

上述代碼中，<ul>是無序列表，<ol>是有序列表，而列表項則由<li>標簽表示。在CSS中，我們可以通過給<ul>和<ol>設置樣式，控制列表項的排列方式、字體大小等樣式屬性。

2. 盒子

<div>這是一個盒子</div>

盒子通常用來包裹頁面中的內容，便于進行排版。在CSS中，我們可以設置盒子的樣式屬性，包括寬度、高度、邊框樣式、背景顏色等等。盒子還有兩個重要的概念，一個是內邊距(padding)，用于控制盒子內部內容與邊框之間的距離；另一個是外邊距(margin)，用于控制盒子與其周圍元素之間的距離。

總之，列表和盒子是CSS中的兩個重要元素，我們需要充分理解它們的特性和用法，以更好地進行頁面布局。