css3后，出现了渐进增强和优雅降级概念，类似于传统软件中向上兼容和向下兼容的概念。渐进增强相当于向上兼容，而优雅降级相当于向下兼容

一：定义

渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

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

二：区别

1：优雅降级观点认为应该针对那些最高级、最完善的浏览器来设计网站，优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看

2：渐进增强观点则认为应关注于内容本身，渐进增强则意味着朝前看，同时保证其根基处于安全地带

三：使用场景

1：如果低版本用户居多，当然优先采用渐进增强的开发流程；如果高版本用户居多，为了提高大多数用户的使用体验，那当然优先采用优雅降级的开发流程

2：业务优先，提升用户体验永远不会排在最前面

四：代码

渐进增强的写法，优先考虑老版本浏览器的可用性，最后才考虑新版本的可用性

而优雅降级优先考虑新版本浏览器的可用性，最后才考虑老版本的可用性

.transition { /*渐进增强写法*/
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}
.transition { /*优雅降级写法*/
          transition: all .5s;
       -o-transition: all .5s;
     -moz-transition: all .5s;
  -webkit-transition: all .5s;
}