Decoración de textos (text-decoration)

CSS define estilos y decoraciones para el texto en su conjunto. La propiedad que decora el texto se denomina text-decoration.

A continuación se definen los posibles valores para esta propiedad

1.- text-decoration: underline: subraya el texto, por lo que puede confundir a los usuarios haciéndoles creer que se trata de un enlace.

2.- text-decoration: overline: añade una línea en la parte superior del texto, un aspecto que raramente es deseable.

3.- text-decoration: line-through: muestra el texto tachado con una línea continua, por lo que su uso tampoco es muy
habitual.

4.- text-decoration: blink: muestra el texto parpadeante. No es recomendable puesto que su uso genera molestias a la mayoría de usuarios.

Crear un fichero HTML y aplicarle, mediante CSS, los siguientes estilos:

1.- La cabecera de importancia 1 deberá ser de color #f00, alineada a la derecha y subrayada.
2.- La cabecera de nivel 2 será de color #d00, centrada y con una línea superior.
3.- Para las cabeceras de nivel 3 estará alineada a la derecha, subrayada y de color #a00
4.- El color de fondo para el documento será blanco.
5.- Se crearán 3 párrafos diferentes con interlineados de 1.2em, 1em y 1.5em. Uno de ellos contendrá texto de color rojo, otro lo contendrá en negrita y el tercero deberá tener unos paddings laterales de 5px.
6.- Todas las cabeceras tendrán un padding superior e inferior de 10px. Especificar esta instrucción en una sola línea.
7.- El tipo de fuente para todos los elementos será Verdana, en su defecto Helvetica y como tercera opción Arial.


REFERENCIA

CSS

SELECTORES

COLORES

BOX MODEL

FONDOS

POSICIONAMIENTO

VISUALIZACIÓN

TIPOGRAFÍA

TEXTO

ENLACES

IMÁGENES

LISTAS

TABLAS

FORMULARIOS

LAYOUT

Ejercicios

ANEXO