CSS syntax and rules - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the basic structure of a CSS rule?

A CSS rule has a selector followed by a declaration block inside curly braces. The declaration block contains one or more property: value; pairs.

beginner

What does a CSS selector do?

A CSS selector chooses which HTML elements the style rules will apply to.

beginner

How do you write a CSS property and value?

Inside the declaration block, write the property name, then a colon, then the value, and end with a semicolon. Example: color: blue;

beginner

Why are semicolons important in CSS declarations?

Semicolons separate each property-value pair. They tell the browser where one declaration ends and the next begins.

beginner

What happens if you forget the closing curly brace in a CSS rule?

The browser may ignore the rule or all following rules, causing styles not to apply correctly. Always close with }.

Which part of a CSS rule selects the HTML elements to style?

A Selector

B Property

C Value

D Declaration block

The selector chooses which HTML elements the styles apply to.

How do you separate multiple CSS declarations inside a rule?

A With semicolons

B With colons

C With commas

D With periods

Semicolons separate each property-value pair in CSS.

What symbol encloses the declarations in a CSS rule?

A Parentheses ()

B Square brackets []

C Curly braces {}

D Angle brackets <>

Curly braces {} contain the declarations in a CSS rule.

Which is the correct way to write a CSS declaration for text color blue?

A color; blue:

B color = blue;

C color - blue;

D color: blue;

The correct syntax is property: value; for example, color: blue;

What might happen if you forget the semicolon after a CSS declaration?

A The browser ignores only that declaration

B The browser ignores the whole rule or more

C The browser fixes it automatically

D Nothing, it still works fine

Missing semicolons can cause the browser to ignore the whole rule or subsequent declarations.

Explain the parts of a CSS rule and how they work together to style a webpage.

Think about how you tell the browser what to style and how.

Describe common mistakes in CSS syntax and how they affect the appearance of a webpage.

Consider what happens if the browser can't read your CSS properly.