CSS is a great way to define your pages, rather than repeating code over && over again. Though w3c is an awesome resource, here's are few pointers for complete newbies, to be able to understand what the diff symbols mean.
  • If a css property starts with "#"
-Refers to an ID (just like a href=#tragetPointer).
- Can be called by the tied attribute; for example:

div#top {
font-family:arial sans times-new-roman;
color:#FFCC11;
background-color:#FFFFFF;
}

-div id="top">
-/div>
  • If a css property starts with "."
- Refers to a CLASS
- Can be called by ANY html referer tag using class; for example

.leftMenu {
color:#FFCC33;
font-family:arial sans-sarif;
}

-div class="leftMenu" id="leftNav">
Do your html magic here
-/div>
  • If a css property is just listed as is i.e hr, then when ever that tag is called that property will go into affect; for example:

hr {

color:#FFCC33;

}

-hr>