这种方式在业界上统称:识别码、前缀

//-ms代表【ie】内核识别码

//-moz代表火狐【firefox】内核识别码

//-webkit代表谷歌【chrome】/苹果【safari】内核识别码

//-o代表欧朋【opera】内核识别码

为什么要加识别码:

在标准还未确定时,部分浏览器已经根据最初草案实现了部分功能,为了与之后确定下来的标准进行兼容,所以每种浏览器使用了自己的私有前缀与标准进行区分,当标准确立后,各大浏览器将逐步支持不带前缀的css3新属性, 目前已有很多私有前缀可以不写了,但为了兼容老版本的浏览器,可以仍沿用私有前缀和标准方法,逐渐过渡。所以加识别码的目的是为了兼容老版本浏览器。

使用方法

transform:rotate(30deg);     //w3c统一标识语
-ms-transform:rotate(30deg);      //-ms代表ie内核识别码
-moz-transform:rotate(30deg);      //-moz代表火狐内核识别码
-webkit-transform:rotate(30deg);     //-webkit代表苹果的Safari浏览器及谷歌内核识别码
-o-transform:rotate(30deg);       //-o代表欧朋【opera】内核识别码

浏览器内核:

一、Trident内核代表产品Internet

Explorer,又称其为IE内核。Trident(又称为MSHTML),是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括:IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape
8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。

二、Gecko内核代表作品Mozilla

FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一,仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。

三、WebKit内核

代表作品Safari、Chromewebkit 是一个开源项目,包含了来自KDE项目和苹果公司的一些组件,主要用于MaOS系统,它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高,导致一些编写不标准的网页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome。

四、Presto内核

代表作品OperaPresto是由Opera Software开发的浏览器排版引擎,供Opera
7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎,包括加入动态功能,例如网页或其部分可随着DOM及Script语法的事件而重新排版。

-ms-,-moz-,-webkit-,-o-含义及各浏览器内核整理相关推荐

  1. 主流的浏览器内核种类?, 对前端的影响?

    什么是浏览器内核? 1 浏览器讷河可以理解为排版引擎, 主要由渲染引擎和JS引擎. 2.排版引擎主要是负责获取网页内容(HTML,XML, CSS, JS, 图像)等信息进行解析, 渲染网页, 将网页 ...

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

    css3中-moz.-ms.-webkit各什么意思 -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome.safari私有属性 扩展 我知道了,谢谢 ...

  3. css3中-moz、-ms、-webkit,-o分别代表的意思,以及微信浏览器内核分析

    css3中-moz.-ms.-webkit,-o分别代表的意思,以及微信浏览器内核分析 这种方式在业界上统称:识别码.前缀 //-ms代表[ie]内核识别码 //-moz代表火狐[firefox]内核 ...

  4. css3中-moz、-ms、-webkit意思

    -moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box; 在css3中前面的-moz .- ...

  5. css3中-moz、-ms、-webkit、-o分别代表的意思

    css3中-moz.-ms.-webkit.-o分别代表的意思 这三个分别是目前流行的三种浏览器的私有属性 -moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性(360浏览器是ie内 ...

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

    在了解css3中-moz.-ms.-webkit各什么意思前,先要了解一下浏览器的内核是什么. (一)什么是内核呢? 浏览器最核心的部分是"Rendering Engine",即& ...

  7. Css3中-moz、-ms、-webkit的使用

    你可能看过-webkit-transform: translate(-50%, -50%); 这时候你可能会对-webkit 产生疑问 -webkit 是表示针对浏览器支持 其实-moz.-ms.-w ...

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

    CSS3中-moz.-ms.-webkit和-o分别代表什么意思 1.-moz-:代表FireFox浏览器私有属性 2.-ms-:代表IE浏览器私有属性 3.-webkit-:代表safari.chr ...

  9. 浏览器内核Trident/Gecko/WebKit/Presto

    "浏览器内核"主要指渲染引擎(Rendering Engine),负责解析网页语法(如HTML.JavaScript)并渲染.展示网页.因此,所谓的浏览器内核通常也就是指浏览器所采 ...

最新文章

  1. [高中作文赏析]感受冬天
  2. mysql查询指定日期
  3. Oracle Golden Gate 系列 小结
  4. php7连接mongodb,批量添加数据
  5. Windows10搭建ftp服务
  6. 从图森未来的数据处理平台,看Serverless工作流应用场景
  7. bootstrap table 怎么实现前两列固定冻结?
  8. c语言编程作业最大整数问题,C语言编程第六章作业答案.doc
  9. 蓝桥杯2019年第十届C/C++省赛B组第四题-数的分解
  10. python学习之小说爬虫
  11. go srs 流媒体服务器_SRS-开源流媒体服务器
  12. 6个免费下载课件的资源网站,小学、初中、高中、大学全覆盖!
  13. 《Git 教程 - 廖雪峰》
  14. vs2003网站项目加载失败解决方案
  15. 苹果手机怎么投屏不了,苹果手机怎么投屏电脑
  16. [gdc17]《守望先锋》的EntityComponent架构
  17. 史上最全ASCII码对照表0-255(%d)
  18. 泛微oa明细表添加按钮_泛微OA系统表结构说明文档(20161121135308)
  19. Solr面试回答思路
  20. 第一章 常用半导体器件-----------------本征半导体

热门文章

  1. apache基于ip如何配置虚拟主机
  2. Postgres-XL的使用与动态增删数据节点
  3. HP-UX匿名ftp的upload权限问题
  4. 使用 Oracle GoldenGate 进行实时数据集成
  5. niginx高性能原因
  6. 最大矩阵(简单DP)
  7. angular js $post,$get请求传值
  8. javascript 数字格式化
  9. spark streaming 5: InputDStream
  10. 5种流行的Web抓取Python库,你用过哪种?