CSS Tutorial for Absolute Beginners - Learn CSS3

CSS Tutorial for Absolute Beginners - Learn CSS3

Dave Gray via YouTube Direct link

Add Live Server to VS Code

9 of 29

9 of 29

Add Live Server to VS Code

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

CSS Tutorial for Absolute Beginners - Learn CSS3

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 CSS needs HTML
  3. 3 CSS3 definition
  4. 4 CSS cascades / CSS3 syntax
  5. 5 Dive into CSS
  6. 6 Start with the HTML code
  7. 7 Create your CSS file
  8. 8 Link your CSS3 to your HTML5
  9. 9 Add Live Server to VS Code
  10. 10 Chrome Dev Tools Mobile View / Responsive Web Design
  11. 11 CSS Reset / Select All
  12. 12 Setting Default CSS Styles
  13. 13 Defining Reusable CSS Classes
  14. 14 Applying Classes to HTML
  15. 15 Styling the navbar
  16. 16 BEM naming convention
  17. 17 Styling the main element
  18. 18 Applying styles to the posts
  19. 19 Changing the placeholder images
  20. 20 Styling the footer
  21. 21 Fixing the link scroll with scroll-margin-top
  22. 22 Using CanIUse.com to identify an iOS / Safari issue
  23. 23 Adding a media query for responsive web design
  24. 24 Post columns or equal height or not?
  25. 25 Adding more posts to the page
  26. 26 Updating the navbar to handle more links
  27. 27 Adding a pseudo-selector to the images
  28. 28 Adding a unicode symbol
  29. 29 Conclusion

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.