CSS Guide/Roadmap: Things to learn in CSS

Stop being overwhelmed by all the things to be learnt in CSS. Put your focus on the important parts of CSS by following along this CSS guide.

1. How CSS works: Concepts you will need to first understand
   • CSS Selectors: How to select different HTML elements so that you can apply different styles on them.
   • Internet is hard - Cascade and inheritance: How does CSS choose which styles to apply on specific elements. - Box model
   • cssreference.io
   • internetingishard.com - Block and inline elements - Dev tools: Know where to check when things don’t seem to work
2. What you can accomplish with CSS
   • Choose and apply different Fonts and Typography
   • cssreference.io
   • internetingishard.com - Create Layouts using Floats
   • Floats Layout - Create Layouts using using Flexbox
   • cssreference.io
   • internetingishard.com - Create Layouts using using CSS Grid
   • CSS Grid layout - Alignment content appropriately
   • Alignment using flexbox - Animations
   • cssreference.io
   • cssreference.io