CSS3弹性盒子简介

CSS3 弹性盒子(Flex Box)

是一种新的布局方式，它是一种能够让页面适应不同屏幕大小的一种布局方式。
比如：它能够让我们所写的页面在pc端和手机端之间合适的转换，使看到的效果更好。

它的 fiex-direction属性 值有四个：
row：从左边到右边的排列顺序。(默认的排列方式)
row-reverse：从右边向左边依次排列。
column：纵向的排列顺序，从上到下。
column-reverse：反纵向排列顺序，从下到上。

flex-wrap属性
用于指定弹性盒子的子元素换行方式，可以自己对页面排放的布局调整。
nowrap：是默认的一个弹性为单行，如果内容过多可以会导致内容超出布局。
wrap：是一个弹性为多行，如果单行内所超出的内容，那么它会是内容转至 下一行，
如果调整不好的话，内部会发生断行的现象。
wrap-reverse：它是一个倒过来的 wrap 排列，吧wrap排列翻转。

flex属性
用于指定弹性盒子元素分配空间
flex-grow：给弹性盒子元素扩展比率。
flex-shrink：给弹性盒子元素收缩比率。
flex-basis：给弹性盒子元素一个默认的基准值。

CSS3 字体
Web开放字体格式（Web Open Font Format，简称WOFF）它是一种网页所采用的字体格式化标准。
CSS字体 用来改变页面字体的效果，进一步的美化