关于css3的各个浏览器的前缀_CSS3教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:css3中渐变背景的动画
严格来说,目前各个浏览器都还不支持 css3的渐变背景的动画,所以在制作的时候我们要灵活变通下,这里有两种方法可以曲折实现渐变背景的动画: 第一种:妙用background-color,有些是简单的颜色渐变,比喻由浅绿到深绿,那么你就可以把background-color设置为绿色,然

css3给人最闹心的莫过于各个浏览器的前缀了,然后随着各个浏览器的给力升级,有些前缀已经默默的去掉了,我们还是写那么一大堆。下面介绍几个工具,来帮下我们。

第一个是prefix free,这是一个js文件,大小2kb,导入之后你根本都无须考虑前缀问题,直接写不需要任何浏览器的前缀;

第二个是css3 please,这个权当一个css3前缀参考吧,有注释说明的,一看就知道;

第三个就是prefix了,它的口号就是“Cross-Browser CSS in Seconds!”,顾名思义,除了能处理prefix之外,还能处理一些兼容问题。如opacity。你可以把你的代码贴进去,然后点击prefixize这个按钮,就ok了;

第四个就不是工具了,而是应用编辑器,运用各个编辑器的自动完成(目前我定义了editplus和sublime text的自动完成),可以事先定义好,然后写一个自动出来多个,当然也可以应用less或sass等来定义一些变量什么的。

分享:CSS3条件判断——@supports
CSS3条件判断,听起来不明觉厉,如果你对CSS稍为熟悉一点的话,你会发现CSS中的@media就是条件判断之一。是的,在CSS3的条件判断规范文档中包含了两个部分,其一是@media规则,主要用来根据媒体属性区分样式表(特别是在Responsive设计中,发挥的作用更是强大);其二是@s

来源:W3CPLUS//所属分类:CSS3教程/更新时间:2013-04-22
相关CSS3教程