1.flex(弹性)，重要
弹性有多个属性，且建议反复练习，熟悉一下，弹性是目前学习的最好用的布局方式。
flex-direction
确立主轴的方向，即row(x/默认主轴)，column(y/默认侧轴)
justify-content
设置主轴上子元素的排列样式，分别为flex-start/end(从行头或者行尾开始排列)，center(弹性项目居中紧挨着填充)，space-between(弹性项目平均分布在该行上)，space-around(弹性项目平均分布在该行上，两边留有一半的间隔空间)
flex-wrap
设置子元素是否换行，wrap(换行)，nowrap(不换行/默认属性)
注：当不换行且子元素有一定宽度，且父元素有一定宽度时，子元素累加宽度超过父元素宽度则会压缩子元素，确保依旧在同一行，当子元素内里有文字时，压缩到一定程度将会不再压缩并超出父元素宽度，但仍在同一行
align-items
设置侧轴上子元素的排列样式(单行情况下，即flex-wrap属性值为默认的nowrap时)
注：主要作用为基线对齐，即最重要的属性baseline
align-content
设置侧轴上子元素的排列样式(多行情况下，即flex-wrap属性值为默认的wrap时)，与justify-content属性相同，只是设置侧轴
flex-flow
简写属性，不重要，知道即可
由此可引申出弹性布局
弹性布局（Flexbox Layout）通过flex容器和flex项目的属性设置，实现灵活的、响应式的布局，适用于各种设备和屏幕尺寸
下面介绍一些CSS3新增的东西，如伪类和伪元素
双引号为伪元素
单引号为伪类
简单区分伪类即让一些元素的某些状态
伪元素则是增添某些新的元素
::after
::before
::first-line
::first-letter
::placeholder
::selection
:checked
:disabled
:enabled
:target
:last-child
或是CSS3新增的属性如
RGBA和透明度
Flexbox（弹性盒子布局）
Animations（动画效果）
Border Radius
Transitions
border-image
box-shadow
transform:rotate
transform:scale
transform:skew
