Adding declarations one after another is a neat way to see how CSS works. Start with empty rules:

body {

}

html {

}

Then add declarations one at a time and see the effect when you open the page in your browser (Live Preview in Brackets is a great way to see this instantly). Start like this:

body {

background-color: Thistle;

}

html {

}

 This adds a purple background color to the page. Then add this:

body {

background-color: Thistle;

border: 2px solid Gray;

}

html {

}

This adds a thin gray border to the page.

As you add rules, try tweaking them. There are all kinds of different options for borders, for example. Try changing “solid” to “dotted”, or “2px solid” to “10px ridge”.