Intro to CSS

Learn how to add styles to HTML using CSS — colors, text alignment, and the cascade

Intro to CSS — Making Things Look Good

What Is CSS?

CSS (Cascading Style Sheets) is the language that styles HTML. If HTML is the skeleton of a page, CSS is the clothes, makeup, and lighting. It controls colors, fonts, spacing, layout, animations — everything visual.

� **Fun fact:** CSS was first proposed in 1994 by Håkon Wium Lie while working at CERN — the same lab where Tim Berners-Lee invented HTML!

Syntax

css

selector {
  property: value;
}

css

h1 {
  color: blue;
  font-size: 32px;
  text-align: center;
}

Part	What it does	Example
`h1`	Selector — chooses which elements to style	`p`, `.class`, `#id`
`color`	Property — what aspect to change	`font-size`, `margin`, `background`
`blue`	Value — how to change it	`16px`, `red`, `1.5`
`{ }`	Declaration block — wraps all style rules

Three Ways to Add CSS

1. Inline (on the element itself)

html

<p style="color: red;">Red text</p>