CSS和HTML相关

css动画使用 创建动画： 将动画绑定到目标元素身上： 传送门：深入浅出 CSS 动画 动画库 传送门：27 个前端动画库让你的交互更加炫酷

理解Grid布局 Grid 布局是二维布局 又叫网格布局 Grid 布局是将容器划分成了“行”和“列”，产生了一个个的网格，我们可以将网格元素放在与这些行和列相关的位置上，从而达到我们布局的目的。 容

css 长度计算-calc height: calc(100vh - 80px); 使用flex布局解决圣杯布局问题 方式一：子元素中左右盒子设置固定宽高,中间子盒子利用flex: 1瓜分父元素留下来

Flex容器属性 flex容器定义 flex-direction 操纵主轴的方向。 flex-wrap 控制换行 flex-flow合写 操纵主轴 和 控制换行 justify-content 主轴对