margin
  - outside the element
  - used to create spacing between elements on the page
  - not added to the width [ex: width: 300px; margin-left: 50px; total width = 350px]
  - left, right, top, bottom, all
  - auto, with a set width, gives the same margin to both sides
  
padding
  - inside the element
  - used to create spacing in the contents of an element
  - added to the width [ex: width: 300px; padding-left: 50px;   total width = 350px]
  - left, right, top, bottom, all

height
  - sets the height of the block
  - can only be used on block tags [no spans]
  - if defined, prevents the element from adjusting to the height of the content
  - only used if you have a div that you don't ever want to change size no matter what the content is

width
  - sets the width of the block CONTENT
  - can only be used on block tags [no spans]
  - if defined, prevents the element from adjusting to the width of the content or to the largest width available 
    (the width of the element it is inside of)
  - used often, keeps the site structured instead of just letting it grow as wide as it can
  - horizontal scrolling should almost always be avoided whenever possible
  - if the side requires vertical scrolling, horizontal scrolling should ALWAYS be avoided 

font-family
  - defines the font that the text will be displayed in
  - it's good to give multiple options in case the user doesn't have a specific font
  - always include sans-serif or serif in case they don't have any of the fonts, it will at least use the correct type
    - Ex:  font-family: Verdana, Arial, Helvetica, sans-serif;

font-size
  - defines the size of the text
  - can be defined in %, pt, px, or em
  - pt is usually avoided as pt sizes are displayed differently on different OS
  
color
  - defines the color of the text
  - can be defined with name, hex or rgb, usually defined with hex codes [#xxxxxx] or [#xxx]
  
text-decoration
  - none: no decoration on the text
  - underline: underlines the text
  - overline: puts a line over the text
  - line-through: puts a line through the text
  - blink: makes the text blink
  
text-align
  - defines how the text is aligned in the element

background (image/color)
  - can set both a background image and color
  - if the image doesn't load/while the image loads, you will see the defined background color
  - defaults to white
  - if you use an image, by default it will repeat horizontally and vertically, no-repeat will make it only show once

border
  - gives the element a border
  - width, type of line, color
  
float
  - left and right
  - if an element is floated, it does NOT expand the height of the element it is contained in
  
overflow
  - auto: used for expanding a div to the height of a floated div
  - this is a bit iffy sometimes especially in IE
  - if the non-floated content is longer than the floated content, it will give a scroll bar instead