Today I Learned - Rocky Kev

TIL the DOM and CSSOM

POSTED ON:

TAGS: css html web-development

The server transfers over bytes to your computer.

The this happens:

Bytes → characters → tokens → nodes → object model

The object model is the DOM & CSSOM.

DOM (Document Object Model)

It's the tree structure of all your sweet HTML elements.

CSSOM (CSS Object Model)

It's the tree structure of how you lay out your elements, and then appends CSS on it.

Finally, the render tree combines them together to make that web page!

REFERENCE:
Constructing the Object Model

Related TILs

Tagged: css

TIL the alternate keyword

If 'alternate' appears along with the stylesheet keyword, the linked file is an alternative stylesheet. It won’t be applied to the document, but it will be ready for when we need it.

TIL Logical Properties

For that sweet sweet Internationalization you want to avoid directional words like 'left', 'right', 'top', and 'bottom'.

TIL Using pseudo-classes in your querySelector!

let notTuna = document.querySelectorAll('.sandwich:not(.tuna)')