HTML弹性盒子总结

设置渐变色：linear-gradient(to right,red,yellow) 第一个属性默认从上到下

设置主轴（横轴）对齐方式： justify-content
flex-start：弹性盒子元素将向行起始位置对齐。
flex-end：弹性盒子元素将向行结束位置对齐。
center：弹性盒子元素将向行中间位置对齐。
space-between：两端对齐，且分布在两端
space-around：两端对齐，且分布在中间

设置在纵轴上的对齐方式：align-items
stretch:默认值，会被拉伸适应容器
center：显示在中间
flex-start:元素位于容器的开头
flex-end:元素位于容器的结尾
设置3D 元素距视图的距离：perspective 以像素为单位

给元素添加伪类：
before在前面添加
after在后面添加