Lesson 2 / 30
CSS Syntax
Read and write CSS rules made of selectors, declaration blocks 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 period
- A semicolon
- A colon
Answer
A semicolon — A semicolon `;` separates declarations inside the block.