Ejercicio paso a paso. Unidad 17. Controles de Fuente

Objetivo.

Practicar el uso de controles de fuente y formato del texto.

1 Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.

2 Abre el sitio libreria.

3 Abre el archivo estilo_libreria.css.

4 Añade el siguiente estilo para que toda la página muestre una fuente de tipo Verdana (en caso de que no estuviese instalada se buscarían por este orden las siguientes fuentes: Arial, Helvetica y finalmente cualquiera que entre dentro de la categoría sans-serif).

También haremos que su tamaño sea de 12 píxeles:

body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

}

5 Para el texto dentro del bloque con id menu aumentaremos el tamaño de la fuente a 13 píxeles y haremos que las letras estén un poco más separadas:

#menu {

font-size: 13px;

letter-spacing: 1px;

}

6 Más tarde introduciremos un formulario en el menú. Queremos que el elemento input de cualquier formulario tenga un tamaño de fuente de 9 píxeles:

input {

font-size: 9px;

}

7 En el bloque con id contenido queremos que haya una clase llamada primera_palabra que sea de 16 píxeles de tamaño y en negrita:

#contenido .primera_palabra {

font-size: 16px;

font-weight: bold;

}

8 Crea un estilo para una clase llamada precio que tenga un tamaño de fuente de 16 píxeles, en negrita y de color rojo:

.precio {

font-size: 16px;

color: red;

font-weight: bold;

}

9 Finalemente haremos que el bloque con id pie tenga un tamaño de fuente de 9 píxeles.

#pie {

font-size: 9px;

}

10 Guarda los cambios.