Web Building Blocks Beginner

What Is CSS?

CSS is the language that styles and lays out a web page.

Infographic: What Is CSS? It shows how CSS styles colors, fonts, spacing, and layout, with every element treated as a box.
Download the poster

If HTML is the structure of a page, CSS is what makes it look good.

CSS stands for Cascading Style Sheets. It controls the colors, fonts, spacing, and where everything sits on the page.

It works by picking parts of the page and giving them a style. You might say, "Make all the headings blue," and CSS does it everywhere at once.

Every element on a page is treated like a box, and CSS sets each box's size, spacing, and place. That is how pages get their neat layouts.

The same page can look totally different just by changing the CSS, without touching the words at all.

So HTML and CSS are a team: HTML holds the content, and CSS makes it beautiful and easy to read.

What to remember

  • CSS styles and lays out a web page.
  • It controls colors, fonts, spacing, and position.
  • It can style many elements at once.
  • HTML is the structure; CSS makes it look good.

Words to know

CSS
Cascading Style Sheets, the style of a web page.
Selector
How CSS picks which parts to style.
Property
A thing you can change, like color or size.
Box model
The idea that every element is a box with space around it.

For grown-ups

CSS describes presentation, declaratively styling HTML via selectors that target elements and rules that set properties. The box model, layout systems (flexbox, grid), and the cascade govern how it renders. Separating content (HTML) from presentation (CSS) keeps sites maintainable and themeable.

Want the full story? These go deeper: