PhilopaterHany / CSS-Course

Complete Documentation For CSS Course From Osama Elzero

CSS Course From Elzero Web School

Course Study Plan => [ 08 From 08 ] - Weeks

---

Videos Watched => [ 88 From 88 ] - Videos ( 11 Hours, 28 Minutes, 51 Seconds )

---

Assignments Solved => [ 76 From 76 ] - Assignments ( 20 Topics )

---

Lessons

Introduction

• Watched - 01 - Introduction And What I Need To Learn ?

• Watched - 02 - Your First Project And Syntax

Styling & Naming Classes

• Watched - 03 - Elements Styling

• Watched - 04 - Name Conventions And Rules

Background

• Watched - 05 - Background – Color, Image, Repeat

• Watched - 06 - Background – Attachment, Position, Size

Borders & Outlines & Spaces

• Watched - 07 - Padding

• Watched - 08 - Margin

• Watched - 09 - Border

• Watched - 10 - Outline

Element Display & Visibility

• Watched - 11 - Display – Block, Inline-Block, Inline

• Watched - 12 - Element Visibility And Use Case

Styling Tips & Tricks

• Watched - 13 - Grouping Multiple Selectors

• Watched - 14 - Nesting

Element Dimensions & Overflow

• Watched - 15 - Dimensions – Width And Height

• Watched - 16 - Overflow – Overflow-X And Overflow-Y

Text Properties

• Watched - 17 - Text – Color And Shadow

• Watched - 18 - Text – Alignment

• Watched - 19 - Text – Decoration And Transform

• Watched - 20 - Text – Spacing

• Watched - 21 - Text – Overflow And Use Cases

Inheritance

• Watched - 22 - Inheritance

Typography

• Watched - 23 - Typography – Font Family

• Watched - 24 - Typography – Font Size And CSS Units

• Watched - 25 - Typography – Font Style And Variant And Weight

Mix

• Watched - 26 - Mouse Cursor

• Watched - 27 - Float And Clear

• Watched - 28 - Mastering The CSS Calculation

• Watched - 29 - Opacity

• Watched - 30 - Position

• Watched - 31 - Z-Index

Styling HTML Tags (ul ol dl & table)

• Watched - 32 - List Styling

• Watched - 33 - Table Styling

Pseudo

• Watched - 34 - Pseudo Classes

• Watched - 35 - Pseudo Elements – First Letter, First Line, Selection

• Watched - 36 - Pseudo Elements – Before, After, Content

• Watched - 37 - Pseudo Elements – Content And Trainings

Mix

• Watched - 38 - Vendor Prefixes

• Watched - 39 - Border Radius

• Watched - 40 - Box Shadows And Examples

• Watched - 41 - The Box Model And Box Sizing

• Watched - 42 - Transition

• Watched - 43 - !important Declaration And Use Cases

• Watched - 44 - The Margin Collapse

Variables

• Watched - 45 - CSS Variables And Trainings

Flexible Box

• Watched - 46 - Flex Box – Parent – Direction, Wrap, Flow

• Watched - 47 - Flex Box – Parent – Justify Content

• Watched - 48 - Flex Box – Parent – Align Items

• Watched - 49 - Flex Box – Parent – Align Content

• Watched - 50 - Flex Box – Child – Grow, Shrink, Order

• Watched - 51 - Flex Box – Child – Flex Basis, Flex Shorthand

• Watched - 52 - Flex Box – Child – Align Self And Task

• Watched - 53 - Flex Box – Finish The Flex Froggy Game

Filters & Color Gradients & Pointer Events - Color

• Watched - 54 - Filters

• Watched - 55 - Gradients

• Watched - 56 - Pointer Event and Caret Color

Grid

• Watched - 57 - Grid – Parent – Template Columns

• Watched - 58 - Grid – Parent – Template Rows And Gap

• Watched - 59 - Grid – Parent – Justify And Align Content

• Watched - 60 - Grid – Parent – Complete Layout With Template Areas

• Watched - 61 - Grid – Child – Grid Column And Row

• Watched - 62 - Grid – Child – Grid Area And Trainings

• Watched - 63 - Grid – Min, Max And Autofill

• Watched - 64 - Finish The Grid Garden Game

2D Transform

• Watched - 65 - 2D Transform – Scale

• Watched - 66 - 2D Transform – Rotate

• Watched - 67 - 2D Transform – Translate

• Watched - 68 - 2D Transform – Skew

• Watched - 69 - 2D Transform - Matrix

Transform Location

• Watched - 70 - Transform Origin

3D Transform

• Watched - 71 - 3D Transform – Rotate

• Watched - 72 - 3D Transform – Translate, Perspective, Perspective Origin

• Watched - 73 - 3D Transform – Backface Visibility And Flip Product

Animation

• Watched - 74 - Animation – KeyFrames, Name, Duration

• Watched - 75 - Animation – Iteration Count, Timing Function, Spinner Loading

• Watched - 76 - Animation – Direction, Fill Mode, Play State, Delay

• Watched - 77 - Up And Down Loading Animation Training

Advanced Selectors

• Watched - 78 - Selectors Reference Part 1

• Watched - 79 - Selectors Reference Part 2

• Watched - 80 - Selectors Reference Part 3

• Watched - 81 - Selectors Reference Part 4

• Watched - 82 - Selectors Reference Part 5

Media Queries And Responsive Design

• Watched - 83 - Media Queries And Responsive Design – Introduction

• Watched - 84 - Media Queries And Responsive Design – Standards

• Watched - 85 - Media Queries And Responsive Design – Practice

Course Outro

• Watched - 86 - Create Your Framework

• Watched - 87 - CSS Global Values

• Watched - 88 - The End And How To Master HTML And CSS

---

Assignments

• Solved - Assignments For Lessons From [ 01 ] To [ 04 ] => Solution

• Solved - Assignments For Lessons From [ 05 ] To [ 08 ] => Solution

• Solved - Assignments For Lessons From [ 09 ] To [ 12 ] => Solution

• Solved - Assignments For Lessons From [ 13 ] To [ 16 ] => Solution

• Solved - Assignments For Lessons From [ 17 ] To [ 21 ] => Solution

• Solved - Assignments For Lessons From [ 22 ] To [ 26 ] => Solution

• Solved - Assignments For Lessons From [ 27 ] To [ 29 ] => Solution

• Solved - Assignments For Lessons From [ 30 ] To [ 33 ] => Solution

• Solved - Assignments For Lessons From [ 34 ] To [ 37 ] => Solution

• Solved - Assignments For Lessons From [ 38 ] To [ 41 ] => Solution

• Solved - Assignments For Lessons From [ 42 ] To [ 45 ] => Solution

• Solved - Assignments For Lessons From [ 46 ] To [ 53 ] => Solution

• Solved - Assignments For Lessons From [ 54 ] To [ 56 ] => Solution

• Solved - Assignments For Lessons From [ 57 ] To [ 64 ] => Solution

• Solved - Assignments For Lessons From [ 65 ] To [ 67 ] => Solution

• Solved - Assignments For Lessons From [ 68 ] To [ 73 ] => Solution

• Solved - Assignments For Lessons From [ 74 ] To [ 77 ] => Solution

• Solved - Assignments For Lessons From [ 78 ] To [ 82 ] => Solution

• Solved - Assignments For Lessons From [ 83 ] To [ 85 ] => Solution

• Solved - Assignments For Lessons From [ 86 ] To [ 88 ] => Solution

---

Assignments Live Preview

Assignment	Live Preview Link
Assignments For Lessons From [ 01 ] To [ 04 ] - Assignment 1	No Preview
Assignments For Lessons From [ 01 ] To [ 04 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 01 ] To [ 04 ] - Assignment 3	No Preview
Assignments For Lessons From [ 01 ] To [ 04 ] - Assignment 4	No Preview
Assignments For Lessons From [ 01 ] To [ 04 ] - Assignment 5	No Preview
Assignments For Lessons From [ 01 ] To [ 04 ] - Assignment 6	No Preview
-	-
Assignments For Lessons From [ 05 ] To [ 08 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 05 ] To [ 08 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 05 ] To [ 08 ] - Assignment 3	Live Preview
Assignments For Lessons From [ 05 ] To [ 08 ] - Assignment 4	Live Preview
-	-
Assignments For Lessons From [ 09 ] To [ 12 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 09 ] To [ 12 ] - Assignment 2	Live Preview
-	-
Assignments For Lessons From [ 13 ] To [ 16 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 13 ] To [ 16 ] - Assignment 2	Live Preview
-	-
Assignments For Lessons From [ 17 ] To [ 21 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 17 ] To [ 21 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 17 ] To [ 21 ] - Assignment 3	Live Preview
Assignments For Lessons From [ 17 ] To [ 21 ] - Assignment 4	Live Preview
-	-
Assignments For Lessons From [ 22 ] To [ 26 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 22 ] To [ 26 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 22 ] To [ 26 ] - Assignment 3	Live Preview
-	-
Assignments For Lessons From [ 27 ] To [ 29 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 27 ] To [ 29 ] - Assignment 2	Live Preview
-	-
Assignments For Lessons From [ 30 ] To [ 33 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 30 ] To [ 33 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 30 ] To [ 33 ] - Assignment 3	Live Preview
Assignments For Lessons From [ 30 ] To [ 33 ] - Assignment 4	Live Preview
-	-
Assignments For Lessons From [ 34 ] To [ 37 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 34 ] To [ 37 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 34 ] To [ 37 ] - Assignment 3	Live Preview
Assignments For Lessons From [ 34 ] To [ 37 ] - Assignment 4	Live Preview
-	-
Assignments For Lessons From [ 38 ] To [ 41 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 38 ] To [ 41 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 38 ] To [ 41 ] - Assignment 3	Live Preview
-	-
Assignments For Lessons From [ 42 ] To [ 45 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 42 ] To [ 45 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 42 ] To [ 45 ] - Assignment 3	Live Preview
-	-
Assignments For Lessons From [ 46 ] To [ 53 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 46 ] To [ 53 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 46 ] To [ 53 ] - Assignment 3	Live Preview
Assignments For Lessons From [ 46 ] To [ 53 ] - Assignment 4	Live Preview
Assignments For Lessons From [ 46 ] To [ 53 ] - Assignment 5	Live Preview
Assignments For Lessons From [ 46 ] To [ 53 ] - Assignment 6	Live Preview
-	-
Assignments For Lessons From [ 54 ] To [ 56 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 54 ] To [ 56 ] - Assignment 2	Live Preview
-	-
Assignments For Lessons From [ 57 ] To [ 64 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 57 ] To [ 64 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 57 ] To [ 64 ] - Assignment 3	Live Preview
Assignments For Lessons From [ 57 ] To [ 64 ] - Assignment 4	Live Preview
Assignments For Lessons From [ 57 ] To [ 64 ] - Assignment 5	Live Preview
Assignments For Lessons From [ 57 ] To [ 64 ] - Assignment 6	Live Preview
-	-
Assignments For Lessons From [ 65 ] To [ 67 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 65 ] To [ 67 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 65 ] To [ 67 ] - Assignment 3	Live Preview
-	-
Assignments For Lessons From [ 68 ] To [ 73 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 68 ] To [ 73 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 68 ] To [ 73 ] - Assignment 3	No Preview
Assignments For Lessons From [ 68 ] To [ 73 ] - Assignment 4	Live Preview
Assignments For Lessons From [ 68 ] To [ 73 ] - Assignment 5	Live Preview
-	-
Assignments For Lessons From [ 74 ] To [ 77 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 74 ] To [ 77 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 74 ] To [ 77 ] - Assignment 3	Live Preview
Assignments For Lessons From [ 74 ] To [ 77 ] - Assignment 4	Live Preview
-	-
Assignments For Lessons From [ 78 ] To [ 82 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 78 ] To [ 82 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 78 ] To [ 82 ] - Assignment 3	Live Preview
Assignments For Lessons From [ 78 ] To [ 82 ] - Assignment 4	Live Preview
Assignments For Lessons From [ 78 ] To [ 82 ] - Assignment 5	Live Preview
Assignments For Lessons From [ 78 ] To [ 82 ] - Assignment 6	Live Preview
Assignments For Lessons From [ 78 ] To [ 82 ] - Assignment 7	Live Preview
Assignments For Lessons From [ 78 ] To [ 82 ] - Assignment 8	Live Preview
-	-
Assignments For Lessons From [ 83 ] To [ 85 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 83 ] To [ 85 ] - Assignment 2	Live Preview
Assignments For Lessons From [ 83 ] To [ 85 ] - Assignment 3	Live Preview
-	-
Assignments For Lessons From [ 86 ] To [ 88 ] - Assignment 1	Live Preview
Assignments For Lessons From [ 86 ] To [ 88 ] - Assignment 2	Live Preview

---

Special Thanks To Osama Elzero

Made With ❤️ By Philopater Hany

Check My codepen.io Profile