渐进增强和优雅降级

渐进增强

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

.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;
}

区别

• 渐进增强观点认为应该关注于内容本身。
• 优雅降级观点认为应该针对那些最高级、最完善的浏览器来设计网站。