Css Roadmap

Spend some time per day to learn CSS basics.

  • Normal Flow
  • Syntax
  • Selectors
    • Type, class and ID selectors
    • Attribute selectors
    • Pseudo-classes and pseudo-elements
    • Combinators
  • Comments
  • Colours
  • Background
  • Borders
  • Margins
  • Padding
  • Height & width
  • Box model
  • Outline
  • Text (alignment, decoration etc.)
  • Fonts
  • Icons
  • Links
  • Lists
  • Tables
  • Display, max-width
  • Position
  • Align
  • Opacity
  • Navigation bars
  • Dropdowns
  • Flexbox
  • Grid
  • Effects, transitions, animations

Refs

Written on March 12, 2024