浏览器
主流浏览器：Google、Safari、Firefox、IE 四大内核：Google（Blink内核）、Safari(webkit内核)、IE(Trident内核)
兼容问题
同样的代码，在不同浏览器上显示的页面效果不一样，因为浏览器的内核是不同的，处理同一件事情的思路不同。
总结下兼容问题
- 渲染相关：和样式有关，体现在布局效果上的问题
- 脚本相关：包括JS和DOM、BOM方面的问题
- 其他类别：浏览器自身提供的功能，在内核层之上的
CSS兼容
- 自定义reset.css 使用通配符选择器，全局重置样式
* {margin:0;padding:0}
- 部分属性需要添加浏览器前缀 🌰：opacity(透明)，需要加前缀
- 手型cursor属性问题 FireFox不支持hand,但IE支持pointer 解决方法：统一使用pointer
