CSS Course Index — Dataplexa
Home › Learning Hub › CSS
CSS3

CSS
Course Index

40 Lessons · 4 Levels

Complete CSS roadmap — selectors, box model, flexbox, CSS grid, responsive design, media queries, animations, transitions and real-world UI projects.

Start Course → ← Back to Learning Hub
40Lessons
4Levels
4Projects
FreeAccess
Level I CSS Fundamentals Lessons 1–8
Lesson 01
Introduction to CSS
Lesson 02
CSS Syntax
Lesson 03
Ways to Add CSS
Lesson 04
CSS Selectors
Lesson 05
Specificity and Cascade
Lesson 06
Colors and Units
Lesson 07
Typography Basics
Lesson 08
CSS Box Model
Level II Core CSS Properties Lessons 9–16
Lesson 09
Backgrounds
Lesson 10
Borders and Shadows
Lesson 11
Display and Visibility
Lesson 12
Positioning
Lesson 13
Overflow and Z-Index
Lesson 14
Flexbox Basics
Lesson 15
Flexbox Advanced
Lesson 16
CSS Grid Basics
Level III Layouts, Responsive & Advanced CSS Lessons 17–24
Lesson 17
CSS Grid Advanced
Lesson 18
Responsive Design
Lesson 19
Media Queries
Lesson 20
Fluid Layouts
Lesson 21
CSS Animations
Lesson 22
Transitions and Transforms
Lesson 23
Pseudo-Classes
Lesson 24
Pseudo-Elements
Level IV Best Practices & Projects Lessons 25–40
Lesson 25
CSS Best Practices
Lesson 26
CSS Performance Optimization
Lesson 27
Maintainable CSS
Lesson 28
CSS Security Considerations
Lesson 29
Browser Compatibility
Lesson 30
Debugging CSS
Lesson 31
Mini Project – Landing Page
Lesson 32
Mini Project – Portfolio Layout
Lesson 33
Mini Project – Responsive Website
Lesson 34
Mini Project – UI Components
Lesson 35
CSS Interview Questions
Lesson 36
CSS Real-World Use Cases
Lesson 37
CSS Case Study
Lesson 38
CSS Project Planning
Lesson 39
CSS Final Project
Lesson 40
CSS Course Wrap-Up
Ready to Start?
CSS Course Index
Start Course → ← Back to Learning Hub