CSS Full Course Syllabus

• Module 1. CSS Basics
  • Inline, Internal & External CSS
  • Syntax, Selectors, Properties
  • Colors (HEX, RGB, HSL)
  • Units (px, %, em, rem, vw, vh)
• Module 2. CSS Selectors
  • ID, Class, Attribute selectors
  • Pseudo-classes (:hover, :focus)
  • Pseudo-elements (::before, ::after)
  • Combinators (>, +, ~)
• Module 3. Box Model
  • Margin, Padding, Border
  • Width, Height
  • Box-sizing
• Module 4. Typography
  • Fonts, Web fonts
  • Line height, Text alignment, Letter spacing
• Module 5. Layout
  • Display types: block, inline, inline-block
  • Float & Clear
  • Positioning (static, relative, absolute, fixed, sticky)
• Module 6. Flexbox
  • Flex container & flex items
  • Justify-content, align-items, flex-direction
  • Responsive layouts with Flexbox
• Module 7. Backgrounds & Borders
  • Gradients
  • Shadow effects
  • Border-radius
• Module 8. Transitions & Animations
  • CSS Transitions
  • @keyframes animations
  • Animation timing
  • CSS Framework Basics (Bootstrap / Tailwind)