Stage 1: Basics & Foundations

➽ Introduction to CSS ➩ What is CSS? ➩ How CSS works with HTML ➩ Inline, internal, and external CSS

➽ CSS Syntax ➩ Selectors, properties, and values ➩ Basic selectors (element, class, and ID)

➽ Colors and Backgrounds ➩ Color formats (HEX, RGB, RGBA, HSL, HSLA) ➩ Background properties

➽ Fonts and Typography ➩ Font properties ➩ Web safe fonts and custom fonts ➩ Google Fonts integration

Stage 2: Intermediate Concepts

➽ Box Model ➩ Margin, border, padding, and content ➩ Box-sizing property

➽ Positioning ➩ Static, relative, absolute, fixed, and sticky ➩ Z-index

➽ Display & Visibility ➩ Display property (block, inline, inline-block, etc.) ➩ Visibility property

➽ Floats & Clear ➩ Floating elements ➩ Clearing floats

➽ Flexbox ➩ Flex container and flex items ➩ Flex properties and alignment