学习CSS

　　opacity　　设置div元素不透明度

　z-index　　设置元素的堆叠顺序，值越大，图层就能在前面

　text-transfrom 控制元素内文本大小写

 

 

　transfrom　　旋转元素

　　　　若是3D效果要用到Z轴

　　　　scale(x,y)　　改变坐标轴刻度，类似缩放,正负交换(镜像)

　　　　skew(x,y)　　整体倾斜

　　　　translate(x,y)　　类似平移　

　　　　rotate　改变角度

 

 

　column-count 将文本分列

　　　　column-gap　　列间距

　　　　column-rule　　分列边框  width|style|color

　　　　↑style类似border

 

 

　flex弹性容器

　　justify-content　　设置内容在容器中X轴的位置  

　　justify-slef　　可重写灵活容器的 justify-content 属性。

　　align-items　　同上，Y轴

　　align-self　　可重写容器的 align-items 属性。

　　flex-direction　　可灵活设置元素的排列方向  row/column

　　flex-wrap　　拆行

　　flex-flow　　flex-direction  flex-wrap 合并写法   

　　order　　元素优先级 如 123，若2的order为-1，则变成 213