CSS Guide

Selector (an html element ususually), property attribute (i.e color, background image, etc...) and value of the property attribute(i.e green, image.png etc...)

using a semi-colon example:

selector{property:value;}

using brackets example:

selector{property:value;}

body

{background-image:fixed;}

It is the property that states if background is fixed or scrolls with page contents.

Background:

• Background-color
• Background-image
• Background-repeat
• Background-attachment
• Background-position

It is was what sets the background color of an element.

• selector
• {
• background-color:red;
• background-color:(r,g,b);
• background-color:#ffffff;
• }

It is the image used to define a pages background.

example:

• Selector
• {background-image:url('image.png');}

• <style type="text/css">
• body
• {
• background-image:url('image.png');
• margin-right:80px;
• }
• </style>

It is what sets the placement of background position on page.

• left top;
• left center;
• left bottom;
• right top;
• right center;
• right bottom;
• center top;
• center center;
• center bottom;
• px px; (i.e (x position, y position))
• % %;

It is the property that sets the color of text.

If you define the color property you must also define background-color.

• right;
• left;
• justify;

• none;
• underline;
• overline;
• line-through;
• blink;

Used to edit links style as well as regular text decoration.

for changing the case sensitivity of html text.

• uppercase;
• lowercase;
• capitalize;

50px; (or any number to set pixel indent distance)

px; (negative - or Positive +)

%;

It controls the direction the text is displayed.

• rtl;
• ltr;

Sets the distance between words in a sentence.

px;

it stops text from wrapping when resizing page.

• nowrap; (text never wraps)
• pre; (text only wraps where you insert line breaks)
• pre-line; (wraps only when necessary)
• pre-wrap; (maintained by browser)

It sets how images are aligned within text.

• text-top; (aligns text with top of image)
• text-bottom; (aligns text with bottom of image)