TAREA 13

DEFINIR ESTILOS A NIVEL DE PÁGINA

Podemos hacer la definición de estilos para los distintos elementos HTML de la página en una sección especial de la cabecera, que la encerramos entre las etiquetas <style> ... </style> (en su interior definimos los estilos para los elementos HTML que necesitemos): 

El problema del concepto anterior, donde debíamos crear un estilo similar para el elemento h1, se puede resolver en forma más adecuada empleando la definición de estilos a nivel de página.

Ejemplo: Mostrar dos títulos con texto de color rojo sobre fondo amarillo.

Podemos definir estilos para muchos elementos en la sección style. En este ejemplo, indicamos al navegador que en todos los lugares de esta página, cada elemento h1, h2 o h3 debe aplicar un color específico. Podemos observar que es mucho más eficiente que definir los estilos directamente sobre los elementos HTML dentro del cuerpo de la página.

Ejercicio

Definir un estilo diferente de color de texto y fondo para los elementos h1,h2,h3,h4,h5 y h6. Mostrar mensajes utilizando estos elementos a las que se le han definido estilos diferentes para el color de texto y fondo.