css中怎么让块依次显示出来

CSS中有许多方法可以让块元素依次显示出来，下面介绍其中的一些常用技巧。

/* 在CSS中设置动画时间 */
.animation {
  animation-duration: 1s; /* 设置动画时长为1秒 */
}

/* 使用关键帧动画 */
@keyframes fade {
  from {opacity: 0;} /* 开始时透明度为0 */
  to {opacity: 1;} /* 结束时透明度为1 */
}
.fade-in {
  animation-name: fade; /* 指定使用关键帧动画 fade */
  animation-duration: 1s;
}

/* 使用过渡效果 */
.transition {
  opacity: 0; /* 初始时透明度为0 */
  transition: opacity 1s; /* 添加过渡效果，1秒内透明度从0到1 */
}
.show {
  opacity: 1; /* 设置元素显示时的透明度为1 */
}

/* 使用JavaScript控制显示效果 */
.hidden {
  display: none; /* 初始时隐藏元素 */
}
.show {
  display: block; /* 显示元素 */
} 

上述代码演示了三种在CSS中实现块元素逐个显示的方法。

第一种方法是使用animation-duration属性设置动画执行的时间。animation-duration属性需要与animation-name属性搭配使用，它们分别设置动画时长和动画名称。我们在@keyframes中定义好动画效果，然后将animation-name属性赋值为这个名称，同时在animation-duration属性中设置动画时长。这样就可以让块元素逐渐显示出来。

第二种方法是使用关键帧动画。在@keyframes中定义好动画效果后，将animation-name属性设置为该动画的名称即可。如果需要设置动画时长，也可以使用animation-duration属性。

第三种方法是通过添加过渡效果来实现。在初始时，将元素的透明度设置为0，当需要显示时，将透明度逐渐变为1即可。这里使用transition属性来添加过渡效果，需要设置一个过渡的属性和过渡时间。

除此之外，我们还可以通过JavaScript控制元素的显示效果，比如设置元素的display属性来控制其显示或隐藏。