Ejercicio paso a paso. Crear hoja de estilos

Objetivo.

Practicar las operaciones que hay que realizar para crear una hoja de estilos.

1 Abre el documento conestilos.htm, de la carpeta originales/animales del curso.

2 Guardar la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/animales

3 Abre el documento conestilos.htm en un navegador.

Comprueba que la página solo muestra una línea de texto, y que el fondo de la página es blanco.

Cierra el navegador.

4 Abre el Bloc de notas si no lo tienes abierto o sino, abre un nuevo documento en blanco.

5 Inserta el siguiente código en el documento en blanco:

body { background-color: #FFCC00; }
.mitexto { text-transform: uppercase; color: #FF0000; }

Con este texto se define que el color del documento será #FFCC00 (calabaza) al estar especificado para la etiqueta body.

El estilo mitexto no se corresponde con ninguna etiqueta en concreto. Lo que hace es convertir el texto en mayúsculas (uppercase) y que sea de color #FF0000 (rojo).

6 Haz clic sobre el menú Archivo.

7 Haz clic sobre la opción Guardar. Guarda el documento con el nombre estilosa.txt, dentro de la carpeta Mis documentos/ejercicios_html/animales.

8 Abre de nuevo el documento conestilos.htm en un navegador, y comprueba que obtienes una página como la que aparece si pulsas aquí.