Dive into CSS

n is used to indicate where a number can be used. Don't forget to add a "%" or "px" after the number. Remember to use American spellings.

CSS Syntax

selector {
  property: value;
}

Color

Uses one of 147 color names or a hexadecimal.
selector {
  color: red;
  background-color: #ff0000; }

Background

selector {
  background-image: url(http://thisisanimage.jpg);
  background-position: top left;
top center;
top right;
center left;
center center;
center right;
bottom left;
bottom center;
bottom right;
n n;
  background-repeat: repeat;
repeat-x;
repeat-y;
no-repeat;
}

Text

selector {
  font-family: Font Name;
  font-size: n;
  font-style: normal;
italic;
oblique;
  font-weight: lighter;
normal;
bold;
bolder;
  line-height: normal;
n;
  letter-spacing: normal;
n;
  text-align: left;
right;
center;
justify;
  text-decoration: none;
underline;
line-through;
  text-transform: none;
capitalize;
uppercase;
lowercase;
}

Helpful Resources

Mozilla Developer Network (MDN)

The MDN is an open community of developers building resources for a better web, regardless of brand, browser or platform. There is CSS Resource library here: https://developer.mozilla.org/en-US/learn/css

CSS Generators

You can search online to find interesting background tiles and use CSS tools like:
http://www.stripegenerator.com/
http://www.colorzilla.com/gradient-editor/
http://cssgenerator.com

the Box Model

This model describes the content of the space taken by an element. Each box has four edges: the margin edge, border edge, padding edge, and content edge.

Learn more about the box model.