各種html渲染都是從瀏覽器開始的，分為瀏覽器解析和瀏覽器渲染兩個步驟。
首先，瀏覽器解析
1.瀏覽器通過請求的URL解析域名，向服務器發出請求，接收文件(HTML、CSS、JS、圖片等。).
2.加載HTML文件後，開始構建DOM樹。
3.加載CSS樣式文件後，開始解析和構建CSS規則樹。
4.Javascript腳本文件加載後，通過DOM API和CSS SOM API操作DOM樹和CSS規則樹？
二、瀏覽器渲染
1.瀏覽器引擎通過DOM樹和CSS規則樹構建渲染樹。
2.渲染樹與DOM樹不對應，例如
3.用CSS規則樹匹配DOM樹定位坐標和大小，是否換行，以及位置、溢出、z-index等屬性。這個過程稱為流程或布局。
4.最後，通過調用原生GUI的API來繪制網頁的過程稱為畫圖。
渲染原理示意圖: