漸進(jìn)增強(qiáng)

針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁(yè)面，保證最基本的功能，然后在針對(duì)高級(jí)瀏覽器進(jìn)行效果、交互等改進(jìn)和追加功能達(dá)到更好的用戶體驗(yàn)。

例子：

.box {

? ? -webkit-transition: all 0.5s;

? ? ? ? -moz-transition: all 0.5s;

? ? ? ? ? ? ?-o-transition: all 0.5s;

? ? ? ? ? ? ? ? ?transition: all 0.5s;

}

優(yōu)雅降級(jí)

一開始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器進(jìn)行兼容。

例子：

.box {

????????????transition: all 0.5s;

????????-o-transition: all 0.5s;

????-moz-transition: all 0.5s;

-webkit-transition: all 0.5s;

}