Eduzan / CSS
CSS Tutorial Roadmap
Worked examples are fully visible. Check-yourself items are study aids you can reveal one at a time.
- What is CSS?
- Importance of CSS in Web Development
- Basic CSS Syntax
- Adding CSS to HTML
- Basic Selectors
- Grouping Selectors
- Attribute Selectors
- Pseudo-classes and Pseudo-elements
- Specificity and Inheritance
- Text Properties
- Font Properties
- Color Properties
- Background Properties
- Border Properties
- Margin and Padding
- Box Model
- Display Property
- Positioning (Static, Relative, Absolute, Fixed, Sticky)
- Flexbox
- CSS Grid
- Float and Clear
- Media Queries
- Responsive Images
- Mobile-first Design
- Viewport Meta Tag
- Absolute Units (px, pt, cm, in)
- Relative Units (em, rem, %, vw, vh)
- CSS Transitions
- CSS Animations
- Keyframes
- Transformations
- CSS Variables
- CSS Functions (calc, min, max, clamp)
- CSS Preprocessors (Sass, Less)
- CSS Frameworks (Bootstrap, Tailwind CSS)
- Writing Maintainable CSS
- BEM Methodology
- CSS Organization
- Performance Optimization
End of lesson.