Notes

Inheritance
a font declared in the body will be inherited by all text in the file no matter the containing element, unless you declare another font for a specific nested element.
There are instances where nested elements do not inherit the containing elements properties.
For example, if the body margin is set to 20 pixels, the other elements within the file will not inherit the body margin by default.

Spans are very similar to divisions except they are an inline element versus a block level element. No linebreak is created when a span is declared.
The margin property declares the margin between an (X)HTML element and the elements around it
you have 3 choices of values for the margin property

margin-top: length percentage or auto;
Padding is the distance between the border of an (X)HTML element and the content within it.
values for the padding property length or percentage.

You can adjust the space between letters in the following manner. Setting the value to 0, prevents the text from justifying
options are length or normal

text-align :left,right,center,justify,initial
Text-decoration:none,underline,overline,line through,blink.

Text indent:length or percentage.

Text-transform:lowercase,uppercase,none,capitalize

White Space:pre , nowrap,normal

word spacing:length or normal

Font-variant:normal,small

background position:top-left,top-center,top-right,center-left,center-center,center-right,bottom-left,bottom-center,bottom-right.
You can position an image used for the background of an element using the background-position property.

background-image:url,none

background-attachment:fixed,scroll

You can set the style of a border independently with the border-style property.
border-style:dashed,dotted,double,groove,hidden,inset,none,outset,ridge,solid.

border-width:length,thin,medium,thick

You can control the type of bullet ordered and unordered lists use with the list-style-type property
disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none

You can control the position of ordered and unordered lists with the list-style-position property
inside or outside

You can control the appearance of ordered and unordered lists in one declaration with the list-style property
list-style: value value;

You can control if an element allows floated elements to its sides with the clear property
clear: value;
none both left right

You can control how much of an element is visible with the clip property
auto shape

cursor:auto
crosshair default help move pointer text url wait e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize

Display
You can control how an element is displayed with the display property
block inline list-item-Creates a line break before and after the element and adds a list item marker
none

float
The float property changes how text and or images within an element are displayed
float: left right none

You can control what an elements contents will do if it overflows it boundaries with the overflow property
auto hidden visible scroll

You can control if an element is visible or not with the visibility property
hidden or visible

You can control the layer order of positioned elements with the z-index property
auto number

The position property (as you may have guessed) changes how elements are positioned on your webpage
static relative: Positioning an element relatively places the element in the normal flow of your (X)HTML file and then offsets it by some amount using the properties left, right, top and bottom. This may cause the element to overlap other elements that are on the page, which of course may be the effect that is required.

absolute :Positioning an element absolutely, removes the element from the normal flow of your (X)HTML file, and positions it to the top left of its nearest parent element that has a position declared other than static. If no parent element with a position other than static exists then it will be positioned from the top left of the browser window.
fixed:Positioning an element with the fixed value, is the same as absolute except the parent element is always the browser window. It makes no difference if the fixed element is nested inside other positioned elements.

Furthermore, an element that is positioned with a fixed value, will not scroll with the document. It will remain in its position regardless of the scroll position of the page.