CSS Fundamentals
CSS is the formatting layer of the web. If HTML is the document, CSS is the formatting panel — font, size, color, spacing, bold, alignment. This course teaches CSS through hands-on examples, starting with text and colors and building up to responsive layouts that look great on any device.
What you'll learn
Course outline
Free — no account needed
What Is CSS?
The formatting toolbar for your HTML — color, font, size, spacing, layout
Selectors — Targeting the Right Elements
How CSS knows which elements to style — and how to be more specific
Colors and Typography
Font, size, color, spacing — the formatting panel of CSS
Full course — $59 one-time
The Box Model — Every Element Is a Box
The concept that explains how spacing works in CSS — padding, border, margin
Flexbox — Aligning Things in Rows and Columns
The layout system that replaced float hacks — centering and distributing elements
CSS Grid — Building Page Layouts
Two-dimensional layouts — rows AND columns — for full page structures
Responsive Design — Looking Good on Every Screen
The same HTML, different CSS — media queries make layouts adapt to screen size
CSS Variables — Reusable Values
Define your brand colors and spacing once — change them everywhere at once
Transitions — Smooth Hover Effects
Make state changes feel polished instead of instant — with one line of CSS
Build a Landing Page with HTML + CSS
Put everything together — nav, hero, features, CTA, footer, fully responsive
Get the full course
10 lessons — selectors, box model, flexbox, grid, responsive, variables, transitions, and a complete landing page.