- CSS Box Model and positioning
- CSS Selectors and Specificity
- CSS Typography, fonts and text properties
- CSS Colors, Backgrounds, Gradients and Images
- CSS Layout techniques: Floats, Flexbox, Grid
- CSS Responsive Design and Media Queries
- CSS Transitions and Animations
- CSS Pseudo-classes and Pseudo-elements
- CSS Preprocessors (Sass, Less, Stylus)
- CSS Optimization and Performance
- CSS Browser Compatibility and Vendor Prefixes
- CSS Frameworks (Bootstrap, Foundation, Materialize)
- CSS Architecture and Design Systems
- CSS Variables (Custom Properties)
- CSS Grid and Flexbox
- CSS Animation Libraries and Tools (Animate.css, GreenSock)
- CSS Reset and Normalize
- CSS Units of Measurement (px, em, rem, vw, vh, %)
- CSS3 and Future CSS Modules (Custom properties, Shapes, Filters, Transforms, etc.)
How to study?
All the topics are required. Just search the topic name on youtube and start.
Watch the video and implement it on your computer. Create a separate file for each topic
During study also create a page and implement the new learnings
Reference:
https://www.youtube.com/watch?v=Edsxf_NBFrw&t=495s&ab_channel=CodeWithHarry