定位

絕對定位 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.優雅降級：一開始構建完整功能，再針對低版本瀏覽器進行兼容

我的IT夢——定位及瀏覽器兼容