FrontendBeginner to Advanced • 8 Hours • 24 Chapters
Dashboard Unlocked ✓CSS
Story-driven CSS Masterclass: Style the Apex Cybernetics web experience from scratch with progressive carried-forward CSS rules, modern layout systems, Flexbox, Grid, and micro-animations.
Overall Course Progress0 / 24 Chapters (0%)
📚Course Chapters & Curriculum
Module 1: CSS Basics & Fundamentals5 Lessons
1
1. CSS Introduction & Syntax
+50 XP • TheoryNext Chapter ▶Open Chapter →
🔒
2. CSS Selectors (Element, ID, Class, Universal)
+50 XP • Interactive IDE🔒 Locked
🔒
3. How To Add CSS (External, Internal, Inline)
+50 XP • Interactive IDE🔒 Locked
🔒
4. CSS Comments & Colors
+50 XP • Interactive IDE🔒 Locked
🔒
5. CSS Backgrounds (Color, Image, Repeat, Position)
+50 XP • Interactive IDE🔒 Locked
Module 2: CSS Box Model, Margins, Padding & Borders5 Lessons
🔒
6. CSS Borders (Style, Width, Color, Radius)
+50 XP • Interactive IDE🔒 Locked
🔒
7. CSS Margins & Margin Collapse
+50 XP • Interactive IDE🔒 Locked
🔒
8. CSS Padding & Sizing
+50 XP • Interactive IDE🔒 Locked
🔒
9. CSS Box Model & box-sizing
+50 XP • Interactive IDE🔒 Locked
🔒
10. CSS Height, Width & Outline
+50 XP • Interactive IDE🔒 Locked
Module 3: CSS Text, Fonts, Links & Tables4 Lessons
🔒
11. CSS Text Formatting & Shadow
+50 XP • Interactive IDE🔒 Locked
🔒
12. CSS Fonts & Google Fonts
+50 XP • Interactive IDE🔒 Locked
🔒
13. CSS Icons & Link Pseudo-Classes
+50 XP • Interactive IDE🔒 Locked
🔒
14. CSS Lists & Table Styling
+50 XP • Interactive IDE🔒 Locked
Module 4: CSS Layouts, Display & Positioning5 Lessons
🔒
15. CSS Display (block, inline, inline-block, none)
+50 XP • Interactive IDE🔒 Locked
🔒
16. CSS Position (static, relative, fixed, absolute, sticky)
+50 XP • Interactive IDE🔒 Locked
🔒
17. CSS Overflow, Float & Clearfix
+50 XP • Interactive IDE🔒 Locked
🔒
18. CSS Combinators & Pseudo-Classes
+50 XP • Interactive IDE🔒 Locked
🔒
19. CSS Pseudo-Elements (::before, ::after)
+50 XP • Interactive IDE🔒 Locked
Module 5: Flexbox, Grid, Responsive Design & Animations5 Lessons
🔒
20. CSS Units (px, em, rem, vh, vw) & calc()
+50 XP • Interactive IDE🔒 Locked
🔒
21. CSS Flexbox Layout Guide
+50 XP • Interactive IDE🔒 Locked
🔒
22. CSS Grid Layout Guide
+50 XP • Interactive IDE🔒 Locked
🔒
23. CSS Responsive Web Design & Media Queries
+50 XP • Interactive IDE🔒 Locked
🔒
24. CSS Transitions, Animations (@keyframes) & Transforms
+50 XP • Interactive IDE🔒 Locked