📄️ Lecture 1
Understand what CSS is, how browsers process stylesheets, and the step-by-step rendering pipeline from DOM to pixels.
📄️ Lecture 2
Learn the precise anatomical breakdown of a CSS rule set including selectors, properties, values, declarations, and declaration blocks.
📄️ Lecture 3
Learn the two primary types of CSS rules: Style Rules and At-Rules. Understand how they differ in syntax, purpose, and behavior within a stylesheet.
📄️ Lecture 4
Explore the three fundamental mechanisms that govern how CSS rules are applied: The Cascade, Specificity, and Inheritance. Learn how to resolve conflicts between competing styles and ensure predictable rendering.
📄️ Quiz Module 1
Take this quiz to test your understanding of the concepts covered in this module. Each question is designed to reinforce your learning and help you apply what you've learned about CSS foundations, including the cascade, specificity, and inheritance.
📄️ Challenges
Validate your understanding of CSS foundations with three real-world tasks. Each challenge isolates core concepts from Module 1: rule syntax, specificity math, source order resolution, and explicit inheritance.