flex常用的容器属性 以及 H5与C3新增了那些特性

flex常用的容器属性

1.flex-direction：设置容器中的主轴方向

2.flex-wrap：项目在主轴方向上是否换行显示

3.justify-content：设置容器中的项目在主轴上的对齐方式

4.align-items：单行项目在侧轴上的排列方式

5.align-content：多行项目侧轴上的对齐方式

6.flex-flow：是flex-direction和flex-wrap的合写，默认值为row nowrap

H5新增特性

1.语义化标签：header  nav  section  article  aside  footer

2.多媒体标签：video  andio

3.表单控件：number  search  email  tel  date  file  time  url

4.本地离线存储：localStorage  长期存储数据，关闭浏览器数据不会丢失

                             sessionStorage  浏览器关闭数据会丢失

5.自定义属性：data-*

6.画布：canvas

7.拖拽释放

8.新的技术web worker（就是为JavaScript创造多线程环境）

9.地理位置（Geolocation）API

C3新增特性

1.圆角：border-radius

2.盒子模型：box-sizing

3.阴影：box-shadow（盒子阴影）   text-shadow（文字阴影）

4.过渡：transition

5.2D转换：transform      translate（平移）   scale（缩放）  skew（斜切）  rotate（旋转）

transform-origin （控制转换中心点）

6.3D转换：perspective（透视距）  transform-style（3D控件效果）

7.渐变：linear-gradient     radial-gradient

8.弹性布局：flex

9.媒体查询：@media  screen  and  （）  {...}

10.边框图片：border-image

11.自定义动画：@keyframes    animation

12.颜色：  新增RGBA  HSLA模式

13.背景：background-size   background-origin   background-clip