CSS-Course
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
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 |