CSS Cheat Sheet:
What you can style:
width (width of element, specified in px or %)
e.g., width: 300px;
background color/image
e.g., background-color: purple;
background-image: url(picture.jpg);
background-repeat (no-repeat, repeat-y, repeat-x):
eg., background-repeat: repeat-y;
border,border-left, border-right, border-top, border-bottom:
style, width, color
e.g., border-style: solid;
dotted, dashed, double, groove, ridge, inset, and outset
border-width: 3px;
border-color: #00FF00;
font: color, type, style, and size
e.g.,
color: black;
font-family: arial;
font-style: italic;
font-size: small;
medium, large, %
line-height: space between lines of text
e.g., line-height: 120%;
text-align: left, center, right
e.g.,text-align: right;
margin, margin-left, margin-right, margin-top, margin-bottom:
e.g., margin: 20px;
padding, padding-left, padding-right, padding-top, padding-bottom:
e.g.,padding: 30px;
Positioning:
float right or left (floats element and everything below it flows around it)
e.g.,float: right;
position: absolute (positions absolutely on page – everything flows below it)
left: 150px;
right: 20px;
Links:
a: link {
}
a: visited {
}
(you can now style what a visited link looks like with padding/color/everyting above)
a: hover {
}
(you can now style what the link looks like when your mouse hovers over it)