What makes up a CSS rule

gistfile1.txt

,....................... (CSS RULE) ......................,
|                                                         |
|                   ,....,                                |
|   (SELECTOR) -->  | h1 |                                |
|                   `''''`                                |
|                   {                                     |
|                     ,.....................,             |
|                     | ,.......,   ,....., |             |
|  (DECLARATION) -->  | | color | : | red | | ;           |
|                     | `'''''''`   `'''''` |             |
|                     `'''''^''''''''''^''''`             |
|                           |          |                  |
|                      (PROPERTY)   (VALUE)               |
|                   }                                     |
|                                                         |
`'''''''''''''''''''''''''''''''''''''''''''''''''''''''''`

• CSS rules tell browsers how to render elements in an HTML document.
• The selector "selects" the elements in an HTML document that are to be styled.
• The declaration tells a browser how to style the element.
• The property is the aspect of that element that you are choosing to style.
• The value is the exact style you wish to set for the property.