渐进增强

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

例子：

.box {

    -webkit-transition: all 0.5s;

        -moz-transition: all 0.5s;

             -o-transition: all 0.5s;

                 transition: all 0.5s;

}

优雅降级

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

例子：

.box {

            transition: all 0.5s;

        -o-transition: all 0.5s;

    -moz-transition: all 0.5s;

-webkit-transition: all 0.5s;

}