/* Manual CSS para usar como plantilla cada vez que queramos
definir una hoja de estilo - luciano.es - 22/09/2006 */
/* Formas de definir los estilos:
Directamente en la página:
Para modificar un estilo cargado, se vuelve a definir otra vez.
-----------------------------------------------------------*/
/* Estilo sólo para impresión:
O también:
-----------------------------------------------------------*/
/* Valores numéricos:
Relativos:
em: el alto de la M mayúscula
ex: el alto de la x minúscula
px: pixel
Absolutos:
pt: puntos
pc: picas
in: pulgadas
mm: milímetros
cm: centímetros
Los colores se pueden escribir:
nombre del color: green, black, etc.
#RRGGBB aconsejado
rgb(R,G,B)
-----------------------------------------------------------*/
/* Para CSS hay tres tipos de etiquetas HTML:
- de bloque, que hacen empezar línea (
,
, etc.)
- incrustados en línea (, , etc.)
- de lista, las
Todo elemento de bloque está rodeado por una caja, con
márgenes, borde, padding y fondo. Esa caja tiene un ancho y
una alineación con respecto al documento.
-----------------------------------------------------------*/
/* Cuadro bastante completo de características y opciones:
http://www.luciano.es/utiles/hojas_estilo.htm
-----------------------------------------------------------*/
/* Opciones:
Elementos de bloque:
margin-left (right, top, bottom), margin
padding-left (right, top, bottom), padding
border-left-width (right, top, bottom), border-width
border-style [solid, double, inset, outset, dotted ... none]
border-color
width
float [left, right, none]
clear [left, right, both, none]
Fuentes:
font-size
font-family [Trebuchet MS, Verdana, Arial ...]
font-weight [400(normal), 700(negrita), ...]
font-style [normal, bold, italic, oblique]
Texto:
line-height: alto de línea
text-decoration [underline, overline, blink ... none]
text-transform [capitalize, uppercase, lowercase]
text-align [left, right, center, justify, none]
text-indent: sangría
Color y fondo:
color: del texto
background-color
background-image (fichero entre paréntesis)
Listas:
display [block, inline, list-item, none]
list-style-type [disc, circle, square, decimal ...]
white-space [normal, pre, none]
-----------------------------------------------------------*/