.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也可以按照四个方向来设置。