Untitled Document

What does a rule look like? What is the syntax? A rule is broken down into two distinct parts:

The simplest kind of selector "selects" (determines) which HTML element you're "operating" on — for example, <body>, <h2>, <p>. This kind of selector is referred to as an element selector or a type selector.
The declaration(s) tell(s) the browser what "operations" to perform on the selected element and consists of:
- the property, which identifies which attribute — size or color, for example — is called into play.
- the value, which determines exactly how that attribute works ("make it green"; "make it small"; "move it over"). Values are often referred to as keywords.

The diagram below shows you the anatomy of a rule.

diagram of CSS rule

Two ways to write the code:

h1 {
color: blue;
}

OR you can also arrange your code this way:
h1 {color: blue;}

More about CSS