鍍金池/ 問(wèn)答/HTML5  HTML/ cssom樹(shù)是如何構(gòu)建的

cssom樹(shù)是如何構(gòu)建的

我們都知道渲染樹(shù)是由cssom樹(shù)加上dom樹(shù)構(gòu)建的
那么 cssom樹(shù)具體是如何構(gòu)建 是什么樣的結(jié)構(gòu)呢？
我看到過(guò)以下兩種說(shuō)法：
1、DOM樹(shù)和cssom樹(shù)同時(shí)構(gòu)建然后構(gòu)建渲染樹(shù)
2、dom樹(shù)和渲染數(shù)同時(shí)構(gòu)建
所以dom樹(shù)到底和什么同時(shí)構(gòu)建 還是說(shuō)三個(gè)樹(shù)都同時(shí)構(gòu)建？？？

還有以下幾個(gè)名詞有困惑
規(guī)則樹(shù)
上下文樹(shù)
呈現(xiàn)樹(shù)

回答
編輯回答
賤人曾

1、處理 HTML 標(biāo)記并構(gòu)建 DOM 樹(shù)。
2、處理 CSS 標(biāo)記并構(gòu)建 CSSOM 樹(shù)。
3、將 DOM 與 CSSOM 合并成一個(gè)渲染樹(shù)。
4、根據(jù)渲染樹(shù)來(lái)布局，以計(jì)算每個(gè)節(jié)點(diǎn)的幾何信息。
5、將各個(gè)節(jié)點(diǎn)繪制到屏幕上。
（那幾個(gè)名詞可以按字面意思望文生義，如需詳細(xì)解釋，望題主自行深究）

2017年7月27日 11:38
編輯回答
悶油瓶

渲染的過(guò)程 (google的，你懂的)

至于下面那幾個(gè)名詞，第一次聽(tīng)說(shuō)，查了下是firefox在具體實(shí)現(xiàn)時(shí)采用的方式，涉及到瀏覽器的實(shí)現(xiàn)不深入學(xué)習(xí)不用深究

2017年1月9日 04:04
編輯回答
九年囚

cssom樹(shù)的構(gòu)建分為兩種情況 一種是webkit的attachment
一個(gè)是firfox的上下文樹(shù)和規(guī)則樹(shù)
規(guī)則樹(shù)是用來(lái)幫助構(gòu)建上下文樹(shù)的
呈現(xiàn)樹(shù)則是渲染樹(shù)的另一種叫法
著三種樹(shù)是交叉構(gòu)建的沒(méi)有明顯的先后區(qū)分

2017年8月22日 21:34