目前主流浏览器、浏览器内核和兼容问题的解决方案

常见的浏览器

     谷歌 - Google Chrome

     火狐 - Mozilla Firefox

     欧朋 - Opera

     苹果 - Safar

ie浏览器  - Internet Explorer

浏览器内核

Trident - ie浏览器(Internet Explorer)内核

Gecko   - 火狐浏览器(Mozilla Firefox)内核

Presto  - 欧朋浏览器(Opera)内核

Webkit  - 苹果浏览器(Safar)内核

Blink   - 谷歌浏览器(Google Chrome)内核

margin塌陷

当前元素(父元素里面第一个子元素)与父元素没有设置任何浮动的情况下，

设置margin-top后，会错误的把margin-top加在父级元素上，

Css hack:1、给父级元素添加overflow:hidden;(推荐使用)

	2、给父元素或者子元素加浮动

margin合并

当两个上下排列的元素，上元素有margin-bottom：30px；

下面元素有margin-top:20px；

他们中间的距离不会叠加，而是会设置为较大的值；

 鼠标的光标指正形状

cursor:    光标的形状     ;

auto默认

crosshair加号

text文本

wait等待

help帮助

progress过程

inherit继承

move移动

ne-resize向上或向右移动

pointer手形

浏览器兼容加前缀

-moz- 火狐前缀

-ms-  ie前缀

-o-   欧朋前缀

-webkit-  谷歌前缀