1、设置用户是否能够选中文本属性:
问题：移动端长按不能复制文本
解决：user-select：none | text | all | element
2、获取元素子元素：
1. childNodes | firstChild | lastChild 存在兼容问题，可能选择到换行或者空格
2. children | firstElementChild | lastElementChild
3、获取元素兄弟节点：
1.previousSibling | nextSibling 存在兼容问题，可能选择到换行或者空格
2.previousElementSibling | nextElementSibling 直接匹配节点
4、获取父元素：
parentNode
5、Flex布局
容器（父）：
flex-direction: row | row-reverse | column | column-reverse 决定主轴的方向
flex-wrap: nowrap | wrap | wrap-reverse 如果一条轴线排不下，如何换行
flex-flow : row nowrap flex-direction属性和flex-wrap属性的简写形式
justify-content: flex-start | flex-end | center | space-between | space-around 项目在主轴上的对齐方式
align-items: flex-start | flex-end | stretch | baseline | center 项目在交叉轴上如何对齐
align-content: flex-start | flex-end | center | space-between | space-around | stretch 多根轴线的对齐方式。如果项目只有一根轴线， 该属性不起作用
项目(子)：
order 属性定义项目的排列顺序。数值越小，排列越靠前，默认为0
flex-grow 定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大
flex-shrink 定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小
flex-basis 定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的 默认值为auto，即项目的本来大小
flex flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选
align-self: flex-start | flex-end | auto | stretch | center | baseline 默认值为auto
