2014年11月份全球主流浏览器市场份额排行榜 2015年5月份全球主流浏览器市场份额排行榜 2016年8月份全球主流浏览器市场份额排行榜 2017 年 12 月份 全球主流浏览器市场份额排行榜
4、浏览器最关键的部分就是它的渲染引擎（ Rendering Engine ），也就是大家平常所说的的“内核”。 Trident /(MSHTML) （三叉戟；三叉线；三齿鱼叉） IE Gecko （壁虎） Mozilla Firefox Presto （ 迅速的） Opera Webkit （Safari内核,Chrome内核原型,它是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核） Blink (由Google和Opera Software开发的浏览器排版引擎) 5、代表作品 *Trident:IE、Maxthon(遨游)、腾讯 、Theworld世界之窗、360浏览器代表作品IE,因为IE捆绑在Windows中，所以占有极高的市场份额，又称IE内核是MSHTML，此内核只能应用于windows平台，且是不开源的。 Gecko：代表作品Mozilla Firefox 是开源的,它的最大优势是跨平台，能在Microsoft Windows、Linux和MacOS X等主要操作系统上运行。 Webkit :代表作品Safari、Chrome ， 是一个开源项目。 Presto :代表作品Opera ，Presto是由Opera Software开发的浏览器排版引擎。它也是世界上公认的渲染速度最快的引擎。 Blink ：由Google和Opera Software开发的浏览器排版引擎，2013年4月发布。 6、CSS Bug和Hack 1)CSS Bug:CSS样式在各浏览器中解析不一致的情况，或者说CSS样式在浏览器中不能正确显示的问题称为CSS bug. 2)CSS Hack: CSS中，Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法，因为它们都属于个人对CSS代码的非官方的修改，或非官方的补丁。有些人更喜欢使用patch(补丁)来描述这种行为。 3)Filter:表示过滤器的意思，它是一种对特定的浏览器或浏览器组显示或隐藏规则或声明的方法。本质上讲，Filter是一种用来过滤不同浏览器的Hack类型。 使用 Hack 带来的一些副作用降低了 CSS 代码的可读性，增加了代码的负担。 设计 CSS Hack 和 Filter 通常有两种方法 1)一种是利用浏览器自身的Bug，来隐藏或显示样式或声明； 2)另一种是利用浏览器对CSS支持的不完善，如对某些规则或语法还没有形成支持，来隐藏或显示样式。 7、常见的css Bug 1)表单元素行高不一致(IE,MOZ,C,O,S) 描述：表单元素行高对齐方式不一致 hack:给表单元素添加声明：float:left; 2)按钮元素默认大小不一 1.描述：各浏览器中按钮元素大小不一致 hack：统一大小 hack2:input外边套一个标签，在这个标签里写按钮的样式，把input的边框 和背景色去掉。 hack3:如果这个按钮是一个图片，直接把图片作为按钮的背景图即可。 2.浏览器解析按钮边框时，会把边框解析在按钮内部，不会影响按钮的原有大小 3.在IE6及更低版本的浏览器里，如果想去掉input的默认边框，需将其border属性值设置成0方可兼容多个浏览器。 3) margin-top解析问题 bug: 子 元素没设置任何浮动，设置了 margin-top 属性后，会错误的把 margin-top 的属性值添加给父元素 . （块元素） hack1 : 给父元素添加 overflow:hidden ；声明。 如果父元素 设置了浮动属性也不会出现这个问题 。 4)透明属性 其他浏览器写法：opacity:.value;(value的取值范围0-9) IE浏览器写法：filter:alpha(opacity=value); 5）属性前缀 在属性前可加以上这三个符号 _只有IE6以下支持,例如_height:100px; 只有IE7以下支持,例如height:100px; +只有IE7以下支持,例如+height:100px; 针对IE8加属性值后缀\0（数字零）,例如：height:200px\0; ！important优先级声明，只有高版本支持，IE6不支持 例#main{height:60px!important;} 解决方法： 例如： main{height:60px!important;height:70px;} 注：同时设两个高度，优先级声明的属性要放到前面 。
