CSS: the looks of a web page

A CSS rule has a fixed shape: selector { property: value; }. The selector says which part of the page, the property says what to change, and the value says how. Between the curly brackets we write the property, a colon, the value and a semicolon. Look at the three rules in the picture. The first says that every h1 heading (selector h1) gets dark blue text (property color, value darkblue) and is centred. The second says that every paragraph gets letters of size 18px (px means pixels, tiny dots on the screen). The third gives the whole page (body) a very pale blue-green background. Colour names have no spaces: lightcyan is correct and light blue is not. Always finish each line with a semicolon.

1h1 {
2  color: darkblue;
3  text-align: center;
4}
5p {
6  font-size: 18px;
7}
8body {
9  background-color: lightcyan;
10}