Module 3 of 6

🎨 CSS Basics: Styling & Visual Design

HTML se skeleton ban gaya, ab time hai us boring skeleton ko beautiful kapde, stylish colors, smooth fonts aur precise layout dene ka!

💡 Real-Life Analogy: Plain Putli (Mannequin) vs Fashion Model

Ek plain wooden mannequin (HTML) par jab aap stylish suit, branded sneakers aur matching watch pehnate hain, tab wo showroom ki star banti hai. CSS wahi stylist hai jo web pages ko attractive banata hai!

Is Module Ke All Topics

01. CSS Introduction, Syntax & Cascade

Inline vs Internal vs External CSS, rule syntax, cascading priority aur inheritance.

02. CSS Selectors & Specificity

Element, class, ID, attribute selectors, combinators (>, +, ~) aur specificity calculation.

03. Colors & Modern Units (rem, em, vh, vw, px)

HEX, RGB, HSL, modern OKLCH aur relative responsive units vs fixed pixels.

04. Typography & Web Fonts

Google Fonts, font-family fallbacks, line-height, letter-spacing aur visual hierarchy.

05. The CSS Box Model & box-sizing

Content, padding, border, margin, margin collapse aur border-box reset rule.

06. Backgrounds, Gradients & Shadows

background-image, cover, linear-gradients, realistic box-shadows aur glassmorphism.

07. Display (block/inline) & Positioning

block, inline, inline-block aur position (static, relative, absolute, fixed, sticky).

08. Overflow & Stacking Context (z-index)

overflow: hidden/scroll, custom scrollbars aur z-index 3D layering battles.

Topic 1: CSS Introduction Kholein 🚀