VINCULAR DOCUMENTO CSS AL HTML.

<link rel=stylesheet type=text/css media=screen, print, handheld href=nombre.css/>

@import /carpeta/nombre.css;

@import url(/carpeta/nombre.css);

CAJAS.

ANCHURA Y ALTURA

Width
Height

MARGEN Y RELLENO

margin:
o top, right, bottom, left
padding:
o top, right, bottom, left
o

BORDER

border-width:
border-color:
o color, transparent.
border-style:
o none, hidden, dotted (puntos), dashed (lneas), solid, double (dos lneas),
groove (relleno), ridge (relleno), inset (hacia dentro), outset (hacia fuera)

BACKGROUND

background-color: color, transparent

background-image: url (imagenes/fondo.gif);
background-repeat:
o repeat, repeat-x, repeat-y, no-repeat
background-position:
o left, center, right, bottom, %
background-attachment (comportamiento de la imagen)
o scroll, fixed

POSICIONAMIENTO Y VISUALIZACIN

position:
o static, relative (desplazar una caja con respect a su poscin incial, No afecta al
resto de cajas : top, right, left, bottom), absolute (depende del
posicionamiento del contenedor. No afecta a las otras cajas. Esquina izquierda
superior es el origen: top, right, left, bottom), fixed.
float (el resto de las cajas se adaptan a las cajas flotantes):
o Left, right
clear (hacer que las cajas de alrededor no se toquen):
o none, left, right, both
 display (oculta totalmente un elemento. Desaparece de la pgina):
o block, inline, none
visibility (elemento invisible):
o visible, hidden, collapse (solo para filas, columnas de una tabla. Oculta la
fila/columna)
overflow (sobrante de un elemento):
o visible, hidden, scroll, auto
z-index (tridimensin de las cajas):
o auto, <nmero>

TEXTO Y TIPOGRAFA

color:
o <color>
Font-family:
o <familia: arial, verdana>, <nombre genrico: serif, sans-serif, cursive, fanasy,
monospace>
Font-size:
o <tamao>
Font-weight:
o bold
font-style:
o italic (cursiva), oblique (ms cursiva)
Font-variant:
o Small-caps (maysculas pequeas)
Text-align:
o Left, right, center, justify
Line-height (interlineado):
o <numero>
Text-decoration:
o None, underline, overline, line-through, blink
Text-transform:
o Capitalize(primera letra de cada palabra en maysculas), uppercase, lowercase
Vertical-align (alinear texto y foto):
o Baseline, sub, super, top, text-top, middle, bottom
Text-indent (tabular texto):
o <numero><porcentaje>
Letter-spacing:
o <numero>
Word-spacing:
o <nmero>
White-space (tartar espacios en blanco)
o Pre (respeta espacios, saltos de lnea), nowrap (elimina espacios en blanco,
saltos de lnea), pre-wrap (respeta espacios en blanco, saltos de lneas, ajusta
lneas al espacio), pre-line (elimina espacio en blanco, respeta lneas, ajusta
lneas)
First-letter//first-line
ENLACES

Link, visited, hover, active, focus

Background-image: url() no-repeat;

LISTAS

List-style-type:
o None, disc, circle, square, decimal, lower-Roman, lower-latin, Georgian, upper-
alpha
List-style-position (vieta dentro de texto o no):
o Inside, outside
List-style-image:
o url

TABLAS

border-collapse (fusion de bordes)

o callapse, separete
border-spacing:
o <medida>
Empty-cells:
o Show, hide
Caption-side (posicin ttulo de la tabla):
o Top, bottom