html浏览器兼容moz,webkit_css3中-moz、-ms、-webkit各什么意思

admin管理员组

文章数量:1530845

css3中-moz、-ms、-webkit各什么意思

-moz代表firefox浏览器私有属性

-ms代表IE浏览器私有属性

-webkit代表chrome、safari私有属性

扩展

我知道了，谢谢！那请问前面有-o什么意思。

补充

opera

webkit是什么

WebKit 是一个开源的浏览器引擎，与之相对应的引擎有Gecko(Mozilla Firefox 等使用)和Trident(也称MSHTML，IE 使用)。

同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称，主要用于Safari，Dashboard，Mail 和其他一些Mac OS X 程序。WebKit 前身是 KDE 小组的 KHTML，WebKit 所包含的 WebCore 排版引擎和 JSCore 引擎来自于 KDE 的 KHTML 和 KJS，当年苹果比较了 Gecko 和 KHTML 后，仍然选择了后者，就因为它拥有清晰的源码结构、极快的渲染速度。Apple将 KHTML 发扬光大，推出了装备 KHTML 改进型 WebKit 引擎的浏览器 Safari。

css3中-moz、-ms、-webkit各什么意思

是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。

-moz代表firefox浏览器私有属性，-ms代表ie浏览器私有属性，-webkit代表safari、chrome私有属性。

现在比较流行的一个概念就是：不太关键的样式，可以不考虑兼容，比如你说的圆角，并不影响内容的显示，如果客户浏览器太旧，就让他看到旧的方形效果就是，一定要看到新效果，只能建议客户升级浏览器。

能说CSS3，-webkit-animation，-moz-animation，-o-animation，-ms-animation什么意思？？

animation是css3的新属性，尚处于实验阶段，各种不同内核的浏览器都在进行试验中，也就是说animation在不同的浏览器中其支持程度、运行效果等方面是存在差别的，因此为了保证网页在各种浏览器中的兼容性，就要给animation添加各种浏览器特有的前缀，比如说 -webkit-animation 只有webkit内核的浏览器才能识别并执行，其他则会自动忽略。

目前，IE10+、Firefox 以及 Opera 都已支持标准的 animation 属性，而 Safari 和 Chrome(它们都是webkit内核)则只支持 -webkit-animation 属性，所以你的代码简写成以下即可：

-webkit-animation: animations 2s ease-out 1s backwards;

animation: animations 2s ease-out 1s backwards;

-ms-,-moz-,-webkit-

Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate

语法

transform ： none | [ ]*

也就是：

transform: rotate | scale | skew | translate |matrix;

none:表示不进么变换；表示一个或多个变换函数，以空格分开；换句话说就是我们同时对一

个元素进行transform的多种属性操作，例如rotate、scale、translate三种，但这里需要提醒大家的，以往我们叠加效果都是用逗

号(“，”)隔开，但transform中使用多个属性时却需要有空格隔开。大家记住了是空格隔开。

取值：

transform属性实现了一些可用SVG实现的同样的功能。它可用于内联(inline)元素和块级(block)元素。它允许我们旋转、缩放

和移动元素

，他有几个属性值参数：rotate;translate;scale;skew;matrix。

一、旋转rotate

rotate() ：通过指定的角度参数对原元素指定一个2D rotation(2D

旋转)，需先有transform-origin属性的定义。transform-origin定义的是旋转的基点，其中angle是指旋转角度，如果设

置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。如：transform:rotate(30deg):

-ms-transform:rotate(7deg); //-ms代表ie内核识别码

-moz-transform:rotate(7deg); //-moz代表火狐内核识别码

-webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码

-o-transform:rotate(7deg); //-o代表欧朋【opera】内核识别码

transform:rotate(7deg); //统一标识语句。。。最好这句话也写下去，符合w3c标准

使用css3属性时，大部分都要带这些识别前缀，早期点的浏览器才能识别，后来有整合一个js文件的，不写这个你也可以网上搜索下这个文件，嵌入你的页面就好了

CSS 3 中 -webkit-, -moz-, -o-, -ms- 这些私有前缀什么时候可以移除？

应该是处理不同浏览器之间的兼容问题吧

-moz-对应 Firefox,

-webkit-对应 Safari and Chrome

-o- for Opera

-ms- for Internet Explorer

css3哪些情况用-webkit-moz，有没有人总结一下

-webkit为chrome和Safari使用的私有前缀

-moz为火狐使用的私有前缀

一些还未成标准的css属性需要添加私有前缀

具体有哪些可以参见caniuse中的兼容性指南

css3中的内核有什么用

CSS3中-moz、-ms、-webkit和-o分别代表什么意思

1、-moz-：代表FireFox浏览器私有属性

2、-ms-：代表IE浏览器私有属性

3、-webkit-：代表safari、chrome浏览器私有属性

4、-o-：代表opera浏览器私有属性

transition、-moz-transition、-webkit-transition、-o-transition是什么意思？怎样用？

transition、-moz-transition、-webkit-transition、-o-transition具体的意思就是让 css3的效果兼容其他浏览器：

1、-moz-transition:height 2s; /* Firefox 4 */(兼容 老版本火狐 浏览器)

2、-webkit-transition:height 2s; /* Safari and Chrome */(兼容 Safari　Chrome 浏览器)

3、-o-transition:width 2s; /* Opera */(兼容 Opera浏览器)

例子：参数 写的话 就 对应你css3，比如你写的transition:width 2s。

1、兼容老版本火狐：就在前面写上-moz-transition:width 2s;

2、兼容Safari：Chrome 就在前面写上-webkit-transition:width 2s;

3、兼容 Opera：就在前面写上-o-transition:width 2s。

兼容是计算机术语，相对于软件，一种是指某个软件能稳定地工作在某操作系统之中，就说这个软件对这个操作系统是兼容的。再就是在多任务操作系统中，几个同时运行的软件之间，如果能稳定地工作，不出经常性的错误，就说它们之间的兼容性好，否则就是兼容性不好。

扩展资料：

相关语言标准：

在CSS 2.1规范中，识别符(包括选择符中的元素名、类、ID)只能包含A～Z、a～z、0～9等字符，加上连字符“-”、下划线“_”。识别符不能以数字开头，以连字符和下划线开头也是不允许的。只有属性、属性值、单位、伪类、伪元素和“@”规则可以由连字符“-”开头。同时，其他元素名称、类和ID标识符也不允许用连字符开头。

CSS的识别符也需要用反斜杠“\”规避特殊字符，这些规避字符遵循IS010646规范。特殊字符的规避方法有两种：第一种方法是遇到特殊字符则在这些字符前直接添加反斜杠，例如，“AT&T”变为“AT\&T”；另一种方法为用反斜杠和Unicode或IS010646等值的十六进制数值一起，规避特殊字符，例如，“AT&T”变为“AT\26T”。

css3 为什么要加 -moz-box-shadow -webkit-box-shadow -o-box-shadow,直接用box-shadow不是都能识别吗？

-moz-, -webkit-, -o-这些都是浏览器前缀。

常用前缀和浏览器的对应关系如下：

Firefox: -moz-

Chrome, Safari: -webkit-

Opera: -o-

IE: -ms-

css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程，css3中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险，同时也会出现有的浏览器厂商支持的好，有的支持的不好，所以就用厂商前缀加以区分。

PPK建议如果已成为REC或接近REC的属性，厂商如果完全实现了w3c的test case，就不用加厂商前缀，像border-radius在ie9下就不用加前缀。

本文标签： 什么意思浏览器mozhtmlwebkit