优雅降级和渐进增强代码演示

在html页面载入时是从上到下依次载入的，当然css载入也是从上到下，从左到右执行的.

优雅降级：一开始就构建完整的功能，然后针对低版本的浏览器进行兼容；

渐进增强：首先针对低版本的浏览器进行基本功能的构建，保证其实现基本效果，然后针对高版本的浏览器增加其炫酷，交互比较强的功能。

优雅降级代码实现

.transition{ 
　　     transition: all .5s;
　　  -o-transition: all .5s;
  　-moz-transition: all .5s;
 -webkit-transition: all .5s;
}

渐进增强代码实现

.transition{
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;  
}