瀏覽器渲染流程
先將程式碼解析為一棵DOM樹，按照從上到下，從左到右的順序，將樹上的節點壓入文件流，節點之間存在層次巢狀關係。行內元素一行放不下的時候會自動換行。塊級元素獨佔一行。圖片是設定了寬高的行內元素。
文件流和網頁的關係：一維節點對映到二維空間。
相關文章
- 瀏覽器渲染原理及流程瀏覽器
- 瀏覽器渲染頁面的主體流程瀏覽器
- 瀏覽器核心渲染引擎工作流程瀏覽器
- 瀏覽器渲染引擎瀏覽器
- 瀏覽器渲染原理瀏覽器
- 基石-初見瀏覽器（一）：瀏覽器渲染瀏覽器
- 瀏覽器渲染流程&Composite（渲染層合併）簡單總結瀏覽器
- 【瀏覽器】渲染原理探究瀏覽器
- 瀏覽器之渲染引擎瀏覽器
- 瀏覽器渲染簡述瀏覽器
- 瀏覽器渲染機制瀏覽器
- 【乾貨】十分鐘讀懂瀏覽器渲染流程瀏覽器
- 瀏覽器渲染流水線解析瀏覽器
- 瀏覽器核心渲染：重建引擎瀏覽器
- 瀏覽器頁面渲染機制瀏覽器
- 瀏覽器渲染魔法之合成層瀏覽器
- 深入淺出瀏覽器渲染原理瀏覽器
- 瀏覽器效能優化-渲染效能瀏覽器優化
- 瀏覽器的渲染原理簡介瀏覽器
- WebKit 瀏覽器內幕之 瀏覽器特性/網頁渲染過程WebKit瀏覽器網頁
- 瀏覽器將html程式碼渲染成頁面流程簡單介紹瀏覽器HTML
- 瀏覽器核心-流程概況瀏覽器
- 瀏覽器渲染網頁的過程瀏覽器網頁
- 瀏覽器載入及渲染機制瀏覽器
- 瀏覽器從輸入URL到渲染瀏覽器
- 瀏覽器渲染程式多執行緒瀏覽器執行緒
- 瀏覽器渲染原理(一文搞懂)瀏覽器
- 「前端那些事兒」① 瀏覽器渲染引擎前端瀏覽器
- 瀏覽器的渲染：過程與原理瀏覽器
- 必須明白的瀏覽器渲染機制瀏覽器
- webkit 瀏覽器內幕之渲染基礎WebKit瀏覽器
- 從 Chrome 看瀏覽器的渲染機制Chrome瀏覽器
- 瀏覽器渲染過程與效能優化瀏覽器優化
- 當在瀏覽器輸入URL回車後，瀏覽器到底做了什麼？瀏覽器渲染機制又是怎樣的？瀏覽器
- 從瀏覽器渲染原理談動畫效能優化瀏覽器動畫優化
- 現代瀏覽器探祕（part3）：渲染瀏覽器
- 瀏覽器是怎樣渲染網頁的呢？瀏覽器網頁
- 圖解瀏覽器的多程式渲染機制圖解瀏覽器