# CSS Syntax — CSS

Source: https://www.geekswithgeeks.com/en/css/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.

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

**Quiz:** What ends a CSS declaration?

- [ ] A comma
- [x] A semicolon
- [ ] A period

*Answer:* A semicolon. A semicolon `;` separates declarations inside the block.