css几个开发技巧

1、inset定位简写

    .box {
      position: absolute;
      inset: 0;
      background-color: black;
    }

2、自动清除无内容的div

div:empty {
  display: none;
}

3、使用gap代替margin控制间距

    #app {
      display: flex;
      column-gap: 10px; //列间距10px
      row-gap: 20px; //行间距 20px
      flex-wrap: wrap;
    }