Curriculum
6 Sections
23 Lessons
6 Hours
Expand all sections
Collapse all sections
1- CSS BASICS
5
1.1
Introduction
1.2
What is CSS?
1.3
Inline, Internal, and External CSS
1.4
Selectors, Properties, and Values
1.5
Assignment 1: Personal Style Page
3 Days
2- COLORS, FONTS, and BOX MODEL
4
2.1
Working with Color: HEX, RGB, HSL
2.2
Font Families and Font Styling
2.3
Box Model: Margin, Border, Padding, Content
2.4
Assignment 2: Styled Card Layout
3 Days
3- POSITIONING and LAYOUT
4
3.1
Display Types: Block, Inline, Inline-Block
3.2
Static, Relative, Absolute, Fixed Positioning
3.3
Floats and Clears
3.4
Assignment 3: Multi-Section Page
3 Days
4- FLEXBOX and GRID
4
4.1
Introduction to Flexbox
4.2
Flex Direction, Justify Content, Align Items
4.3
CSS Grid Basics
4.4
Assignment 4: Grid Gallery
3 Days
5- RESPONSIVE DESIGN
5
5.1
Media Queries
5.2
Mobile-First Design
5.3
UNITS: %, EM, REM, VH, VW
5.4
Assignment 5: Mobile Ready Site
3 Days
5.5
CONGRATULATIONS & NEXT STEPS
Extra Resources : Fun Educational Games
6
6.1
1- CSS Diner
6.2
2- Flex Froggy
6.3
3- Flexbox Defense
6.4
4- Flexbox Zombies
6.5
5- Grid Garden
6.6
6- Super Markup World
CSS for Web Development Training
Curriculum
This content is protected, please
login
and enroll in the course to view this content!
Home
Courses
Search
Search
Account
Login with your site account
Lost your password?
Remember Me
Not a member yet?
Register now
Register a new account
Are you a member?
Login now
Modal title
Main Content