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 DOM_node, document_object_model (abbreviation), tree_like_structure
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 DOM, DOM_node, fetch_resources
parents load_html, doc_process_stages

fetch_resources
content Fetch Resources
children sort_css_rules
parents html_dom, doc_process_stages

sort_css_rules
content sort CSS rules
children render_tree
parents fetch_resources, doc_process_stages

render_tree
content Render Tree
children painting
parents sort_css_rules, doc_process_stages

painting
content Painting
parents render_tree, doc_process_stages

tree_like_structure
content tree-like structure
parents document_object_model, DOM

DOM_node
content DOM node
parents html_dom, DOM