Learn CSS
Learn CSS — style your web pages with colors, layouts, fonts, and animations.
1
Introduction to CSS
What is CSS and how does it work with HTML?
2
CSS Syntax
Learn the basic rules for writing CSS.
3
CSS Selectors
Selectors target which HTML elements to style.
4
CSS Colors
Set colors using names, hex, rgb, hsl, and more.
5
CSS Box Model
Every HTML element is a box with content, padding, border, and margin.
6
CSS Typography
Control fonts, sizes, weight, spacing, and text alignment.
7
CSS Backgrounds
Add colors, images, gradients, and patterns as backgrounds.
8
CSS Borders
Add borders, outlines, and rounded corners to elements.
9
CSS Flexbox
Flexbox is the easiest way to align and distribute elements in a row or column.
10
CSS Grid
CSS Grid is the most powerful layout system for two-dimensional designs.
11
CSS Media Queries
Make your design responsive with media queries.
12
CSS Variables
Custom properties let you reuse values and build a design system.