| CSS Font Properties and Values |
Font-family
Font-style:
Font-weight:
Font-size:
Font-variant:
|
font-family: serif (serif, sans-serif, cursive, fantasy, monospac)
font-style: oblique (normal, italic, oblique)
font-weight: extra-bold (normal bold, bolder)
font-size: 16pt (pt, in, cm, px, %)
font-variant:small-caps(normal, variant )
|
| Color and Background Properties |
Color:
Background-color:
Background-image:
Background-repeat:
|
body {color: #00ff00}
h1 {background-color: #00ff00}
table {background-image:url (pink1.jpg)}
{background-repeat:repeat-y} x=horizontal;y=vertical |
| Anchor Properties and Values |
a:link:
a:active:
a:visited:
a:hover:
|
link on the page {text-decoration: yes}
mouse on the link{text-decoration: none}
visited link{color: red; text-decoration: underline}
mousing over link{background:yellow}
|
| Margins, Indents and Text Alignment |
Margin-left: or Margin:
text-indent:
text-align:
text-transform:
text-decoration:
line-height:
word-spacing:
padding:
white-space:
|
{margin-left: .75in}or {margin: 50px 25px 50px 25px}
Measured in-(in, px, cm, pt, em or %)
left, right, center, justify
uppercase, capitalize, lowercase
none, underline,overline,
Leading- space above/below a line p{line-height:14pt}
Spacing between words {word-spacing: 2em}
Inside space. p{padding:10px 10px 10px 10px}
pre, nowrap or normal
|
| Lists Format and Values |
List-style-type
List-style-image:
List-style-position:
|
ul{list-style-type: square} disc, circle;
ul {list-style-image: url(images/bullet.gif)}
ol {list-style-position: inside}Values: inside, outside
|
| Border Properties and Values |
border-width:
border-color:
border-style:
|
border-width:5
border-color:#00ffff
border-style:solid (dashed, dotted, double, groove, ridge, inset, outset)
P{border: 5px dashed #ffccff}
|
| CSS Div(division), Span and ID Classes |
|
|