css3私有前缀指什么，浏览器私有前缀

...webkit-transition、-o-transition是什么意思?怎样用?

transition属性CSS3中的是一个简写属性，用于实现过渡效果。它设置了需要设置过渡效果的CSS属性名称，完成的时间、速度曲线及开始时间。CSS3 transition属性作用：设置元素的过渡属性说明：复合属性。检索或设置对象变换时的过渡。

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

-webkit-transition（360安全浏览器需要此）、-moz-transition、-o-transition，用法和值和transition相同。注意webkit、moz、o前面的连字符（-）不要丢掉。以后遇到animation、transform等属性问题也可以采用此方法。

-webkit-transition： all 0.5s ease-in-out 0s；-o-transition： all 0.5s ease-in-out 0s；transition： all 0.5s ease-in-out 0s；如图所示 将它们放在一起的效果如下，可以很明显的发现它们之间的不同。

相关问答

Q1: CSS3新特性

[class|=box] 选择 lang 属性值以 box 开头的所有元素。 ：focus 选择获得焦点的 input 元素。 p：first-letter 选择每个 元素的首字母。

CSS3圆角表格圆角表格，对应属性：border-radius。以往对网页上的文字加特效只能用filter这个属性，这次CSS3中专门制订了一个加文字特效的属性，而且不止加阴影这种效果。对应属性：font-effect。

fileter并非IE的过滤器，是CSS3中新添加的属性。

H5的新特性： 用于绘画 canvas 元素。 用于媒介回放的 video 和 audio 元素。 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭后自动删除。

Q2: 如何避免CSS中的在不同浏览器中产生差异

.hackbox{ display：table； //将对象作为块元素级的表格显示}或者.hackbox{ clear：both；}或者加入：after(伪对象)，设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所 以并不影响到IE/WIN浏览器。

在IE7和FF中width宽度不包括padding，在Ie6中包括padding.2css hack根据不同浏览器对CSS样式的支持程度，解析结果和识别CSS的优先级不同，设计师们就可以根据这些不同浏览器 的特点来书写不同的CSS样式代码。

参照 menubar， 给 a 和 menubar 设置高度是为了避免底边显示错位， 若不设 height， 可以在 menubar 中插入一个空格。

文字本身的大小不兼容。同样是font-size：14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。

你首先要了解CSS的跨浏览器知识，不是一时半会能掌握的。最简单是使用JS框架如：jquery、Extjs等。

条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

Q3: 为什么建议将浏览器私有CSS3属性写在前面,标准属性写在后面

至于为什么CSS写在头部，是因为浏览器预先加载CSS后，可以不必等待HTML加载完毕就可以开始渲染页面了。至于JavaScript写在尾部，这是因为JS主要扮演事件处理的功能。

这位网友你好，因为css3很多属性还没有确定下来，标准规范还没有发布，许多浏览器支持的程度也不同，而且每个浏览器厂商同一个样式支持的写法也不同，所以要加前缀来达到各个浏览器兼容，将来统一了规范就不用写前缀了。

对于webkit内核的浏览器来说，-webkit-写法是为了兼容早期的写法，但是标准写法不带-webkit-的也可以用。所以导致了上面两行代码都能生效。你学过CSS懂的，如果两行都有效，并且描述的是同一个属性，那么后者覆盖前者。

Q4: CSS3的属性为什么要带前缀

这位网友你好，因为css3很多属性还没有确定下来，标准规范还没有发布，许多浏览器支持的程度也不同，而且每个浏览器厂商同一个样式支持的写法也不同，所以要加前缀来达到各个浏览器兼容，将来统一了规范就不用写前缀了。

最开始的时候 CSS3产生的一个新属性 是一个浏览器的私有的，然后W3C 可能会拿来采用做个标准，再没公布标准之前 你就只能用私有属性（加前缀）来表达各自厂商的实现，主要是CSS3刚出现那会儿。

这样写的目的，是当浏览器既支持私有属性又支持标准属性时，会最终采用标准属性（后面的属性会覆盖前面的同名属性）。

可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。

-moz-，-webkit-，-o-这三个是厂商前缀，不同浏览的厂商，因为不同浏览器有不同的标准，所以为了兼容性，需要把常用的浏览器对应的厂商前缀加上。所以四个属性代表的是一个意思。

关于css3私有前缀指什么和浏览器私有前缀的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。