Cascading Style Sheets

The various types of style sheets are listed below in order of precedence. The way in which an <h1> tag will be displayed for example, could be set in an inline style, internal style sheet and an external style sheet. The formatting in the inline style takes precedence over the formatting in the internal and external sheets. If no inline style is specified, then the browser will look for an internal style sheet to determine how to display the <h1> tag. If the internal style sheet contains no formatting information about <h1>, then the browser will look for an external style sheet to determine how to display the <h1> tag. If no styles are specified at all, the browser will use the default formatting. Hence the name Cascading Style Sheets.

Inline Style Sheets
Allows you to modify how an HTML tag will display locally (in a specific location of a document).
Example: <p style="font-family:verdana;font-size:80%;color:green"> A paragraph. </p>
Internal Style Sheets
Allows you to modify how HTML tags will display on a single of content. The style tag is placed in the head portion of a document.
Example:
<style type="text/css">
body { color: #000066;
font-size: 18px;
font-weight: bold;
font-family: Arial, helvetica, sans-serif;
background: #ff9999;
margin-left: 50px;
margin-right: 50px }

h1, h2, h3 { color: #000066;
font-weight: bold;
text-align: center;
text-decoration: underline;
font-family: Arial, helvetica, sans-serif; }
</style>
External Style Sheets
Create a style sheet and save it in a file with a .css extension. Place a link to the style sheet in the head of each page that is to be formatted.
Example:
<link rel=stylesheet type="text/css" href="Style.css">

Tags to modify	Potential modifications
body heading paragraph list table image anchor	backgrounds background-color: (hex, rgb, transparent) background-image: (url) background-repeat: (repeat, repeat-x, repeat-y, no-repeat) background-attachment: (scroll or fixed) background-position: (top left,top center, top right, center left, center center.center right, bottom left, bottom center, bottom right,x-% y-%,x-pos y-pos)
	borders border-width: (thin, medium or thick) border-style: (none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset) border-color: (hex, rgb)
	position float: (left, right, none) position: (static, relative, fixed)
	dimensions height: (auto, length, %) width: (auto, length, %)
	font font-family: font-size: font-style: (italic, oblique) font-weight: (normal, bold, bolder, lighter) color: (hex, rgb)
	lists list-style-image: (url) list-style-type: (disk, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek,...)
	margins margin-bottom: (auto, length, %) margin-top: (auto, length, %) margin-left: (auto, length, %) margin-right: (auto, length, %)
	outlining outline-color: (hex, rgb) outline-style: (none, dotted, dashed, solid, double, groove, ridge, inset, outset) outline-width: (thin, medium, thick, length)
	padding padding: (length, %)
	tables border-collapse: (collapse, separate) border-spacing: (length length)
	text direction: (ltr, rtl) text-align: (left, right, center, justify) text-decoration: (none, underline, overline, line-through, blink) text-indent: (length, %)