CSS是一種非常強大的樣式語言，它可以幫助我們對網頁進行樣式布局，其中一個重要的概念就是CSS的塊間距。

.container{ 
margin-top: 20px;
margin-bottom: 20px;
}

如上代碼所示，我們通過設置margin-top和margin-bottom屬性來控制元素的塊間距。其中margin-top代表元素頂部與上一個元素底部的間距，margin-bottom代表元素底部與下一個元素頂部的間距。

CSS的塊間距與HTML的行間距有很大的區別，塊間距是由元素自身的margin屬性控制，而行間距是由元素內部的文本和行高控制。在布局網頁時，我們可以使用margin來調整元素之間的距離，從而實現美觀的排版效果。

.box{
margin-top: 20px;
margin-right: 10px;
margin-bottom: 30px;
margin-left: 10px;
}

上述代碼展示了margin屬性的另一種寫法，即通過四個方向來設置塊間距。分別是margin-top、margin-right、margin-bottom和margin-left，這四個方向可以單獨設置，也可以一起設置。

總結來說，CSS的塊間距是非常重要的概念，它可以幫助我們實現網頁布局的美觀效果。我們可以通過設置margin來控制元素之間的距離，同時margin也可以按照四個方向來設置。