Propiedades Basicas CSS: Modificando Texto

TUTORIAL REALIZADO POR PYRITE WOLF DE SOURCECODE

Lo que aprenderemos en este tutorial son propiedades que afectan al texto. Las propiedades son el verdadero contenido del CSS, el que modifica y afecta directamente al HTML, y se escriben de la siguiente manera:

Código:

a {
color: black;    >> esta línea es una propiedad. Nota que termina en punto y coma.
}

A continuación os dejo una lista de las propiedades más simples y básicas, que os servirán para darle un estilo básico al texto que han seleccionado:
color: Cambia el color del texto. La mejor forma de usarlo es con colores hexadecimales (los que se escriben tipo #000000), aquí tienes una paleta para conseguir los números de los colores que quieras.
font-size: Cambia el tamaño del texto. Se debe colocar el tamaño deseado en píxeles (por ejemplo, font-size: 13px;), puntos (por ejemplo, font-size: 12pt;), porcentajes (por ejemplo, font-size: 10% o em (en esta medida, 1 equivale al tamaño de fuente por defecto de la PC de quien lo ve). Personalmente, las medidas de píxeles y em son las más cómodas para mí.
font-family: Determina la fuente del texto. ¡Atención! Sólo puedes usar las fuentes que aparecen en esta lista. Otra opción son las Google Web Fonts, aquí hay un tuto sobre su uso.
text-align: Alineación del texto. Acepta los valores justify (justificado), right (derecha), left (izquierda) y center (centrado).
font-weight: Permite hacer que la letra sea más delgada o más gruesa (como negrita). Acepta los valores bold (negrita), bolder (más grueso que negrita) y lighter (más finita que la letra normal). Si quieres grosores intermedios, podés usar los valores 100, 200, 300, 400, 500, 600, 700, 800 y 900, que son una escala de más fino a más grueso, donde 400 es la letra normal y 700 la negrita.
font-style: Permite colocar la letra en cursiva. El valor es italic u oblique.
text-indent: Coloca una sangría al texto. Se mide en píxeles, porcentaje o em.


No es que sean más difíciles -al menos, la mayoría- pero a la mayoría no las encontrarás en un editor de texto como el Word.
text-transform: Permite modificar el estilo de las letras del texto. Los valores son uppercase (todo en mayusculas), capitalize (sólo las primeras letras de las palabras en mayúscula) y lowercase (todo en minúscula).
font-variant: Permite, mediante el uso del valor small-caps, lograr una mezcla del uppercase con el capitalize. El resultado se ve mas o menos así.
text-decoration: Permite dar algunos efectos simples al texto. Acepta los valores underline (subrayado), overline (linea sobre el texto), line-through (tachado), blink (texto parpadeante).
letter-spacing: Permite ajustar el espacio entre letra y letra. Se mide en píxeles, em, porcentajes (por ejemplo letter-spacing: 2px;). Cuando el valor es positivo, las letras se separan. Cuando el valor es negativo, se juntan.
word-spacing: Permite ajustar el espacio entre palabra y palabra. Se mide en píxeles, em, porcentajes (por ejemplo word-spacing: 2px;). Cuando el valor es positivo, las letras se separan. Cuando el valor es negativo, se juntan.
line-height: Define el interlineado del texto. El valor por defecto es un tamaño ligeramente superior al de tu font-size. Si el valor que colocas aquí es más chico que tu font-size, las líneas se juntarán. Si es más grande, se separarán. Se mide en píxeles, em, porcentajes.
text-shadow: Da una sombra (o brillo, si la haces de color claro) al texto. La sintaxis es:
text-shadow: XXpx YYpx ZZpx #000000;
Debes llenar XX con el desplazamiento en el eje X que tendrá tu sombra, YY con el desplazamiento en el eje Y, ZZ con el tamaño de tu sombra y #000000 con el color de sombra deseado.

Si quieres jugar y experimentar con estas propiedades, te recomiendo usar http://jsfiddle.net.
Cualquier dato que sepas que falte o consulta que quieras hacer, deja un aviso aquí ^^