mdn/css/0_css_first_steps/3_how_css_works

3_how_css_works

dz / mdn / css / 0_css_first_steps / 3_how_css_works

Summary

How CSS works

Node Tree

Nodes

doc_process_stages
content Stages of Document Processing
children fetch_resources, html_dom, load_html, painting, render_tree, sort_css_rules

DOM
content DOM
children tree_like_structure, DOM_node, document_object_model (abbreviation)
parents html_dom

document_object_model
content Document Object Model
children tree_like_structure
parents DOM

load_html
content load HTML
children html_dom
parents doc_process_stages

html_dom
content HTML -> DOM
children fetch_resources, DOM, DOM_node
parents doc_process_stages, load_html

fetch_resources
content Fetch Resources
children sort_css_rules
parents doc_process_stages, html_dom

sort_css_rules
content sort CSS rules
children render_tree
parents fetch_resources, doc_process_stages

render_tree
content Render Tree
children painting
parents doc_process_stages, sort_css_rules

painting
content Painting
parents render_tree, doc_process_stages

tree_like_structure
content tree-like structure
parents DOM, document_object_model

DOM_node
content DOM node
parents DOM, html_dom