Completed
) Grid Area
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
CSS Tutorial - Zero to Hero (Complete Course)
Automatically move to the next video in the Classroom when playback concludes
- 1 ) Course Achievements & Results
- 2 ) Introduction to Course
- 3 ) Downloading Necessary Software
- 4 ) Where to Find Project Files
- 5 ) What is CSS?
- 6 ) Creating & Linking a CSS Stylesheet
- 7 ) How to Test a Stylesheet
- 8 ) What is a Selector?
- 9 ) Classes & ID's in HTML
- 10 ) Specificity & When to use Selectors
- 11 ) Pseudoselectors
- 12 ) Advanced Selectors
- 13 ) Attribute Selectors
- 14 ) What are Properties?
- 15 ) The CSS General Rule
- 16 ) Types of Colors
- 17 ) Coloring Text
- 18 ) Background Colors
- 19 ) Images/URL's in CSS
- 20 ) Other Background Properties
- 21 ) Opacity/Transparency
- 22 ) Gradients
- 23 ) Introduction to Types of Units
- 24 ) Text Manipulation
- 25 ) Font Size, Bolding & Style
- 26 ) Font Families
- 27 ) Including External Fonts w/ Google Fonts
- 28 ) Using External Fonts
- 29 ) The CSS Box Model
- 30 ) Changing Content Size
- 31 ) CSS Borders
- 32 ) Margin & Padding
- 33 ) Float & Display Types
- 34 ) What is Flexbox?
- 35 ) Creating a Flex Container
- 36 ) Flex Direction & Wrap
- 37 ) Content Alignment
- 38 ) Flex Item Order
- 39 ) Shrink, Grow, & Basis
- 40 ) The 'flex' Property
- 41 ) Item Alignment
- 42 ) Grid vs Flexbox
- 43 ) Creating a Grid
- 44 ) Template Columns & Rows
- 45 ) Justify & Align Grid
- 46 ) Row & Column Gaps
- 47 ) Column & Row Lines
- 48 ) Grid Area
- 49 ) The Transition Property
- 50 ) Transformation Functions
- 51 ) Creating Animations w/ Keyframes
- 52 ) Adding an Animation
- 53 ) Animation Properties
- 54 ) Website Transformation Challenge
- 55 ) Website Transformation - SOLUTION
- 56 ) What to Learn Next