定位

绝对定位 position absolute
相对定位 position relative
固定定位 position fixed

浏览器兼容

浏览器间内核的差异是浏览器产生兼容问题的主要原因
内核只是一个通俗的说法，英文名称为“Layout engine”，翻译过来就是“排版引擎”，也被称为“页面渲染引擎”。它负责取得网页的内容（HTML、XML、图像等等）、整理信息（例如加入CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要排版引擎。

IE浏览器内核 Trident

IE浏览器(遨游、世界之窗、腾讯TT…都是IE)Trident内核最慢

firefor内核 Gecko

开放源代码、以C++编写的网页排版引擎，是跨平台的

Safari内核 Webkit

苹果公司自己的内核，google的chrome也使用webkit作为内核。 是一个开源的浏览器引擎，同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称，它拥有清晰的源码结构、极快的渲染速度，包含的 WebCore 排版引擎和 JavaScriptCore解析引擎，均是从KDE的KHTML及KJS引擎衍生而来。 许多网站都是按照IE来架设的，很多网站不兼容Webkit内核，比如登录界面、网银等网页均不可使用Webkit内核的浏览器。 Safari([s??fɑri]), Google Chrome, 傲游3, 猎豹浏览器, 百度浏览器 opera浏览器 基于 Webkit 开发。

Opera内核 Presto

目前公认网页浏览速度最快的浏览器内核，然而代价是牺牲了网页的兼容性。由Opera Software开发的浏览器排版引擎，Opera（欧朋浏览器），但由于市场选择问题，主要应用在手机平台–Opera mini

doctype作用

1.对文档进行有效性验证
2.决定浏览器的呈现模式

触发怪异模式

1.不写doctype
2.书写古老的、错误的doctype

CSS Hack

1.css类内部的hack
2.CSS选择器的hack
3.HTML头部hack

业务挂钩

1.首先确定用户群体
2.渐进增强：针对低版本浏览器构建页面保证基本功能；再针对高版本浏览器进行效果交互性能等进行改进，追加功能。
3.优雅降级：一开始构建完整功能，再针对低版本浏览器进行兼容