Here’s the shortcut roadmap for learning HTML and CSS in 2022:

HTML

➺ What is HTML?
➺ HTML Elements
➺ Attributes
➺ Semantic HTML
➺ Accessibility

CSS

➲ What is CSS?

➲ CSS Selectors
➺ Basic
➺ Complex
➺ Pseudo

➲ CSS Properties
➺ Color
➺ Background-color
➺ Font-family
➺ …many more.

➲ Box Model
➺ Padding
➺ Border
➺ Margin

➲ Values & Units

➲ CSS Specificity & inheritance

➲ Display

➲ Positioning
➺ Static
➺ Relative
➺ Absolute
➺ Fixed
➺ Sticky

➲ Shadows
➲ Gradients
➲ Transforms
➲ Transitions
➲ Animations
➲ CSS Varisables
➲ Media Queries

➲Layouts
➺ Flexbox
➺ Grid

➲ CSS Preprocessors
➺ SASS
➺ LESS
➺ PostCSS

➲ CSS Frameworks
➺ Tailwind CSS
➺ Bootstrap
➺ Materialize

That’s it. Now you know HTML & CSS.

Share & Save for later use.