Steve Kobes' Life of a Pixel <https://www.youtube.com/watch?v=K2QHdgAKP-s> talk is a good overview of this. While this is a couple years old, I think almost all of it remains accurate today.
On Thu, Apr 20, 2023 at 1:44 PM Yogesh Tembe <yogeshtemb...@gmail.com> wrote: > I am trying to understand various trees that are formed during rendering > process of webpage. > > So we have 4 types of trees - dom tree, css tree, flat tree and layout > tree. > From documentation I know that flat tree is created from dom tree then > with flat and css tree we form layout tree. > > I have following doubts- > 1) dom tree is formed after we finish parsing the html document but In > which file do we convert dom tree to flat tree ? > 2) CSS tree is basically a list of computed styles for each element from > flat tree ? and is it for elements or selectors ? > 3) In which file do we combine flat tree and css tree information to make > layout tree ? > > Please let me know I am misunderstanding any concept here. Thank you. > > -- > You received this message because you are subscribed to the Google Groups > "blink-dev" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to blink-dev+unsubscr...@chromium.org. > To view this discussion on the web visit > https://groups.google.com/a/chromium.org/d/msgid/blink-dev/4b30219f-bda6-4be9-953d-c5abe0bd8874n%40chromium.org > <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/4b30219f-bda6-4be9-953d-c5abe0bd8874n%40chromium.org?utm_medium=email&utm_source=footer> > . > -- You received this message because you are subscribed to the Google Groups "blink-dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+unsubscr...@chromium.org. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CACuR13cSmd8F-8Znptj%2BLxJTisjuYn-M65-GsCYdj%2BNjcQhX0A%40mail.gmail.com.
