CSS Tutorial - Zero to Hero (Complete Course)

CSS Tutorial - Zero to Hero (Complete Course)

freeCodeCamp.org via freeCodeCamp Direct link

) Course Achievements & Results

1 of 56

1 of 56

) Course Achievements & Results

Class Central Classrooms beta

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.