CSS

CSS

beginner

It's not a programming language. (It's not a programming language.) We'll keep saying it.

CSS (Cascading Style Sheets) controls how HTML looks. Colors, fonts, layout, animations, responsiveness — CSS does all of it. It's deceptively powerful: the basics are easy to learn, mastering it takes years.

Web Page StylingAnimationsResponsive LayoutsPrint Stylesheets
0%
0/9 lessons

Setup

CSS needs only a text editor and a browser. Create a .css file and link it from your HTML. The browser does the rest.

Bash
# Same as HTML — just a text editor + browser
# VS Code with these extensions helps enormously:
# - CSS Peek
# - IntelliSense for CSS
# - Live Server

# Create style.css, link it in your HTML:
# <link rel="stylesheet" href="style.css">

Lessons

1
Linking CSS & Setup
CSS is written separately from HTML (usually) and linked in. This is the separat…
→
2
Selectors & Properties
Selectors target which HTML elements to style. The more specific the selector, t…
→
3
The Box Model
Every HTML element is a box. This sounds obvious until you try to center somethi…
→
4
Flexbox
Before Flexbox, centering things in CSS required three StackOverflow tabs and a …
→
5
CSS Grid
CSS Grid is the layout system we've wanted since 1996. It arrived in 2017. Bette…
→
6
Responsive Design
Your site will be viewed on phones, tablets, laptops, and 27" monitors. Responsi…
→
7
Animations & Transitions
CSS can animate almost any property. Done well, animations guide attention and p…
→
8
Mini Project: Card Component
Build a polished, responsive card component — the bread and butter of modern web…
→
9
CSS Cheatsheet
Selectors, box model, flexbox, grid, and responsive patterns on one page.
→