Use these symbols for CSS
{ } : ;
{ }
Use the curly brace to hold the entire set of styles per selector in the Document Styles.
:
colon after the property
;
semi-colon after the end of the value
These CSS styles can be used for these Elements or Selectors: body, div, h1 - h6, p
This is not a complete list of CSS available
Selector | Property | Value | Description |
---|---|---|---|
|
background-color | Color Name or Hex code | Give a background color to an entire web page, a specific h or p |
color | Color Name or Hex code | Specifiy the font color | |
text-align | left center right |
Specify the text alignment | |
EXAMPLE: body {background-color: #660066; color: #ffffff; } |
|||
Some CSS Border Styles | |||
border-color | color name or Hex code |
Default is black | |
border-type | solid dotted dashed double |
Some options for the border types | |
border-weight | px weight | Give a specific weight to border | |
border | color type weight |
Call out all three listed above in shorthand.
Gives a border all around object. EXAMPLE: border: dotted red 5px; |
|
border-top | color type weight |
Individual borders per side, list all three as above. | |
border-right | color type weight |
||
border-bottom | color type weight |
||
border-left | color type weight |
||
Some CSS Font Styles | |||
font-family | serif sans-serif |
Call out a different font than the default font. See link to list below | |
font-size | px amount | Give a specific size other than default | |
font-style | italic | ||
font-weight | bold normal |
||
A few Extra CSS Styles | |||
letter-spacing | px amount | Add spacing between letters of a word - Use sparingly | |
line-height | % | Add spacing between lines of type (leading). Default is 120%. | |
width | % or px amount |
Add a specific width to a selector |