这篇文章主要讲解了“CSS3中webkit私有前缀的含义是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS3中webkit私有前缀的含义是什么”吧！
css3作为页面样式的表现语言，增加了很多新的属性，但是部分css3属性在一些浏览器上还处于试验阶段，所以为了有效的显示css3的样式，对应不同的浏览器内核需要不同的前缀声明，例如：
CSS3中webki私有前缀
-moz-：Firefox，GEcko引擎
-webkit-：Safari和Chrome，Webkit引擎
-o-：Opera（早期），Presto引擎，后改为Webkit引擎
-ms-：InternetExplorer，Trident引擎
使用这些前缀，才能保证css3的属性在特定浏览器渲染引擎下生效。统一引擎一般不识别其它引擎的前缀，目前移动端的浏览器相对比较统一，都是采用的webkit引擎，所以如果我们只需要兼容移动端，只需要带-webkit-前缀即可。
CSS3中webki私有前缀注意事项
在使用css3新属性的时候，一般需要把带有前缀的属性放于前面，把不带前缀的版本放到最后一行：
1-webkit-box-shadow:05px5pxrgba(0,0,0,.5);
2-moz-box-shadow:05px5pxrgba(0,0,0,.5);
3-o-box-shadow:05px5pxrgba(0,0,0,.5);
4box-shadow:05px5pxrgba(0,0,0,.5);
随着浏览器的升级，目前大多数新版本浏览器都已经支持不带前缀的写法了，所以带前缀只是为了兼容低版本，不带前端的才是标准属性。
那么如果想移除这些前缀，同时又满足兼容的办法也是有的。我们可以选择Autoprefixer工具，一个以最好的方式处理浏览器前缀的后处理插件，无论你是用webpack、gulp、grunt还是fis，它都能完美配合。
使用Autoprefixer你可以完全忘记有CSS前缀这东西，尽管按照最新的W3C规范来正常书写你的CSS而不需要浏览器前缀。像这样：
1a{
2display:flex;
3}
感谢各位的阅读，以上就是“CSS3中webkit私有前缀的含义是什么”的内容了，经过本文的学习后，相信大家对CSS3中webkit私有前缀的含义是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
