本文主要介绍“CSS3的私有前缀是什么”。在日常操作中，相信很多人对于CSS3的私有前缀是什么都有疑问。边肖查阅了各种资料，整理出简单易用的操作方法，希望能帮助大家解答“CSS3的私有前缀是什么”的疑惑！接下来，请和边肖一起学习！
Css3作为页面风格的表达语言，增加了很多新的属性，但是在一些浏览器中，部分css3属性还处于实验阶段，所以为了有效地展示css3的风格，需要针对不同的浏览器内核进行不同的前缀声明，例如：
CSS3中的私有前缀
-moz-:Firefox，GEcko引擎。
-Webkit-:Safari和Chrome，Webkit引擎。
-o -o-:Opera(早期)，Presto引擎，然后是Webkit引擎。
-ms -ms-:InternetExplorer，三叉戟引擎。
只有使用这些前缀，css3的属性才能在特定的浏览器渲染引擎下生效。统一引擎一般不识别其他引擎的前缀。目前手机浏览器比较统一，都是webkit引擎。因此，如果我们只需要兼容移动终端，我们只需要带-webkit- prefix。
css3前缀如何使用
使用css3新属性时，一般需要将带前缀的属性放在前面，将不带前缀的版本放在最后一行：
1-web kit-box-shadow :05 px5pxrgba(0，0，0， 5)；
2-moz-box-shadow :05 px5pxrgba(0，0，0， 5)；
3-o-box-shadow :05 px5pxrgba(0，0，0， 5)；
4box-shadow:05px5pxrgba(0，0，0， 5)；
随着浏览器的升级，大部分新版本的浏览器已经支持无前缀书写，所以前缀只是为了和低版本兼容，没有前端的是标准属性。
如果您想删除这些前缀，有办法同时满足兼容性。我们可以选择Autoprefixer工具，这是一个以最佳方式处理浏览器前缀的后处理插件。无论你使用网络包，大口，咕噜或fis，它将完美地工作。
使用Autoprefixer，你可以完全忘记CSS前缀，尽管你可以根据最新的W3C规范正常编写你的CSS，而不需要浏览器前缀。像这样：
1a{
2display:flex
3}
Autoprefixer使用数据库根据当前浏览器的流行度和属性支持为您提供前缀，并输出：
复制代码
1a{
2d isplay :-web kit-box；
3d isplay :-web kit-flex；
4 display :-ms-flex box；
5display:flex
6}
至此，“CSS3的私有前缀是什么”的研究结束，希望能解决大家的疑惑。理论和实践的结合可以更好的帮助大家学习，所以赶紧试试吧！如果你想继续学习更多的相关知识，请继续关注网站，边肖会继续努力，给大家带来更多实用的文章！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/70741.html