浏览器兼容前缀

1.浏览器兼容前缀
-ms-:IE浏览器
-moz-:火狐浏览器
-o-:欧朋浏览器
-webkit-:谷歌、苹果浏览器

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

/*<!--渐进增强：transition必须在最后，其他可以调换顺序-->*/
			.transition{
				
				-webkit-transition:all .5s;
				-ms-transition:all .5s;
				-moz-transition:all .5s;
				-o-transition:all .5s;
				transition:all .5s;
			}

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

/*优雅降级：transition必须在最前面，其他可以调换顺序*/
			.transition{
				transition:all .5s;
				-webkit-transition:all .5s;
				-ms-transition:all .5s;
				-moz-transition:all .5s;
				-o-transtion:all .5s;
			}

3.渐进增强和优雅降低的区别：
优雅降低是从复杂的现状开始，并试图减少
用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降低（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带。