Style Sheets: All the Control at Hand
These are just some of the tags to which styles can be applied:
P, H1, H2, H3, A.link, A.visited, A.active, A.hover, BODY, LI, TABLE, TD
Each tag used should have a start and an end for best control, but it works equally well on tags which have no ending. (i.e. <b>bold</b> or <img ...>)
Here's a Partial List of Applicable Styles
Below is an extensive, though partial, list of things that can be defined in a style sheet. Each element is followed by some of the items that can be defined for that element. The element is followed by a list of values that can be used for that element. Notes are added in square brackets to explain the purpose of some. Please remember that only one of these values should be used for each element at any one time.
FONT:
font-size:xx-large, x-large, larger, large, medium, small, smaller, x-small, xx-small, 12px [12 pixels], 12pt [12 points];
font-family:cursive, fancy, monospace, sans-serif, serif, [or any specific family name];
font-weight:normal, bold;
font-style:normal, italic;
color:#005500 [hexadecimal], green [named];
TEXT:
line-height:4cm [4 centimeters], 8px [8 pixels], 1.2em [typeset];
text-decoration:none, underline, overline, line-through;
text-align:left, center, right;
text-indent:by measure, numeric;
text-transform:capitalize, uppercase, lowercase;
BACKGROUND:
background-image:url('[image path and name]');
background-color:hexadecimal, named;
BOX:
margin-left:by measure, numeric;
margin-right:by measure, numeric;
margin-top:by measure, numeric;
margin-bottom:by measure, numeric;
margin:by measure, numeric;
padding-left:by measure, numeric;
padding-right:by measure, numeric;
padding-top:by measure, numeric;
padding-bottom:by measure, numeric;
padding:by measure, numeric;
border-left-width:thin, medium, thick;
border-right-width:thin, medium, thick;
border-top-width:thin, medium, thick;
border-bottom-width:thin, medium, thick;
border-width:thin, medium, thick;
border-color:hexadecimal, named;
border-style:none, solid, double, groove, ridge, inset, outset;
float:left, right, none;
clear:left, right, none;
CLASSIFICATION:
list-style-type:disk, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none;
list-style-image:image path and name;
list-style-position:inside, outside;
list-style:inside, outside, disk, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none;
POSITIONING:
clip:auto;
height:auto;
width:auto;
left:auto;
top:auto;
overflow:none, clip, scroll;
position:absolute, relative, static;
visibility:visible, hidden;
