Lesson 2 / 28

CSS Syntax

A selector, curly braces, and property: value pairs.

Anatomy of a rule

A rule = selector + declaration block. Each declaration is property: value; — the semicolon separates declarations.

A complete rule

.card is the selector; everything between {} is the block.

.card {
  background-color: #ffffff;
  padding: 16px;
  border-radius: 8px;
}

Quick check: What ends a CSS declaration?

  • A comma
  • A semicolon
  • A period
Answer

A semicolon — A semicolon `;` separates declarations inside the block.