css

基本概念 网格布局也就是grid布局，为二维布局，而flex布局为一维布局，flex通过主轴和交叉轴进行布局；网格布局则是通过容器(container)和项目(item)进行布局。

使用animation跟transition的一个不同点在于，animation不需要鼠标移动或点击时就触发，而是开启页面即会自动开始；且animation可以更精细的使用关键帧对元素。