什么是渐进增强和优雅降级?它们有什么不同？

优雅降级和渐进增强印象中是随着 CSS3 流出来的一个概念 。由于低级浏览器不支持 CSS3， 但 CSS3 的效果又太优秀不忍放弃， 所以在高级浏览中使用 CSS3 而低级浏览器 保证最基本的功能。关键的区别 是他们所侧重的内容，以及这种不同造成的工作流程的差异

举个例子：

a{
display：block；
width：200px；
height： 100px；
background：aquamarine；
/*我就是要用这个新 css 属性*/
transition：all 1s ease 0s；
/*可是发现了一些低版本浏览器不支持怎么吧*/
/*往下兼容*/ -webkit-transition：all 1s ease 0s；
-moz-transition：all 1s ease 0s；
-o-transition： all 1s ease 0s；
/*那么通常这样考虑的和这样的侧重点出发的 css 就是优雅降级*/
a：hover{
height：200px；
}
/ *那如果我们的产品要求我们要重低版本的浏览器兼容开始*/
a{
/*优先考虑低版本的*/ -webkit-transition：all 1s ease 0s；
-moz-transition：all 1s ease 0s；
-o-transition： all 1s ease 0s；
/*高版本的就肯定是渐进渐强*/
transition：all 1s ease 0s；
}