Check our New Web Development Articles Blog Site - WebTuts Way2Tutorial




WebTuts Blog Facebook Page

CSS Tutorial

CSS Style

CSS Layout Style

CSS Float Style

CSS Reference

CSS Cheet Sheet
Print


Fonts

Text

Table

Interface
font-family
font-style
font-variant
font-weight
font-stretch
font-size
font-size-adjust
text-align
text-indent
text-decoration
text-shadow
word-spacing
letter-spacing
text-transform
white-space
table-layout
border-collapse
border-spacing
caption-side
empty-cells
speak-header
cursor
*outline
outline-width
outline-style
outline-color

Selectors
*
div
div *
.class
All Elements
<div>
Element within <div>
Elements of class
div.class
#numid
div#numid
a[class]
a[class="x"]
<div> of class
Elements with ID "numid"
div with ID "numid"
<a> with class attribute
<a> when class is "x"

Measurement Units
px
em
ex

%
cm
mm
pixels
1em to font size parent (same as 100%)
Height of lowercase "a"
Percentage
Centimeters
Millimeters

CSS Syntax
/* CSS Comments */

  Selectors {
                  Property:value;
                 }
@media type {
                 }

Layout Model
margin*
margin-top
margin-bottom
margin-left
margin-right
padding*
padding-top
padding-bottom
padding-left
padding-right
border*
border-top
border-bottom
border-left
border-right
border-style*
border-top-style
border-bottom-style
border-left-style
border-right

Positioning
display
position
top
bottom
left
right
float
clear
z-index
direction
overflow
visibility

Dimensional

List
width
max-width
min-width
height
max-height
min-height
list-style*
list-style-type
list-style-image
list-style-position

Pseudo Class
:link
:active
:hover
:visited
:lang
:first-child
:first-line
:first-letter

Media Type
all
braille
embossed
handheld
print
projection
screen
speech
try
tv