manual CSS

Explicación y ejemplos de los distintos atributos de las CSS. Podrás encontrar la lista en una tabla para imprimirtela y trabajar fácilmente.
Por Miguel Angel Alvarez
Tanto para practicar en tu aprendizaje como para trabajar con las CSS lo mejor es disponer de una tabla donde se vean los distintos atributos y valores de estilos que podemos aplicarle a las páginas web.
Aquí puedes ver la tablade los atributos CSS más fundamentales para aplicar estilos a elementos básicos, que te vendrá perfectamente para comenzar con las CSS. Existen muchos otros atributos que aprenderás en capítulos sucesivos del Manual de CSS. Recuerda además que si quieres ver cómo se aplican muchos de estos estilos en páginas web puedes ver el vídeo tutorial sobre los atributos de las CSS.
Nombre del atributoPosibles valores
Ejemplos
FUENTES - FONT
color
valor RGB o nombre de color
color: #009900; 
color: red;
Sirve para indicar el color del texto. Lo admiten casi todas las etiqetas de HTML. No todos los nombres de colores son admitidos en el estandar, es aconsejable entonces utilizar el valor RGB.
font-size
xx-small | x-small | small | medium | large | x-large | xx-large 
Unidades de CSSfont-size:12pt; 
font-size: x-large;
Sirve para indicar el tamaño de las fuentes de manera más rígida y con mayor exactitud.
font-family
serif | sans-serif | cursive | fantasy | monospace 
Todas las fuentes habituales
font-family:arial,helvetica; 
font-family: fantasy;
Con este atributo indicamos la familia de tipografia del texto. Los primeros valores son genéricos, es decir, losexploradores las comprenden y utilizan las fuentes que el usuario tenga en su sistema.
También se pueden definir con tipografías normales, como ocurría en html. Si el nombre de una fuente tiene espacios se utilizan comillas para que se entienda bien.
font-weight
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
font-weight:bold; 
font-weight: 200;
Sirve para definirla anchura de los caracteres, o dicho de otra manera, para poner negrillas con total libertad. 
Normal y 400 son el mismo valor, así como bold y 700.
font-style
normal | italic | oblique
font-style:normal; 
font-style: italic;
Es el estilo de la fuente, que puede ser normal, itálica u oblícua. El estilo oblique es similar al italic.
PÁRRAFOS - TEXT
line-height
normal y unidades CSSline-height: 12px; 
line-height: normal;
El alto de una línea,y por tanto, el espaciado entre líneas. Es una de esas características que no se podian mofificar utilizando HTML.
text-decoration
none | [ underline || overline || line-through ]
text-decoration: none; 
text-decoration: underline;
Para establecer la decoración de un texto, es decir, si está subrayado, sobrerayado o tachado.text-align
left | right | center | justify
text-align: right; 
text-align: center;
Sirve para indicar la alineación del texto. Es interesante destacar que las hojas de estilo permiten el justificado de texto, aunque recuerda que no tiene por que funcionar en todos los sistemas.
text-indent
Unidades CSS
text-indent: 10px; 
text-indent: 2in;
Un atributo que sirve para hacer sangrado o márgenes enlas páginas. Muy útil y novedosa.
text-transform
capitalize | uppercase | lowercase | none
text-transform: none; 
text-transform: capitalize;
Nos permite transformar el texto, haciendo que tenga la primera letra en mayúsculas de todas las palabrs, todo en mayúsculas o minúsculas.
FONDO - BACKGROUND
Background-color
Un color, con su nombre o su valor RGB
background-color: green; background-color: #000055;
Sirve para indicar el color de fondo de un elemento de la página.
Background-image
El nombre de la imagen con su camino relativo o absoluto
background-image: url(mármol.gif) ; 
background-image: url(http://www.x.com/fondo.gif)
Colocamos con este atributo una imagen de fondo en cualquier elemento de la página, se puede ver una página de ejemplo
BOX - CAJA
Margin-left...