En este caso los formatos de los elementos se definen en la cabecera del documento HTML, dentro del elemento <style>.

Un ejemplo de un documento HTML en el que se utiliza este método para incluir formatos es:

<!DOCTYPE html>
<html>
    <head>
        <title>Ejemplo de estilos CSS en fichero externo enlazado</title>
        <style type="text/css">
			h3 { color: green;}
			p { color: orange; font-family: Verdana; }
		</style>
    </head>
    <body>
        <h3>Ejemplo del uso de estilos CSS en fichero externo enlazado</h3>
        <p>En esta ocasi&oacute;n el p&aacute;rrafo de texto aparece de color naranja y el encabezado h3 aparece en verde, mientras que en los ejemplos vistos hasta ahora el color de la letra era negro.</p>
    </body>
</html>

Ejercicio 2

Modifica el Ejercicio 2 de la UD anterior creando un estilo en la cabecera de la página donde se recojan las siguientes modificaciones:

Todas las etiquetas ol serán azules con tamaño de letra más grande de lo habitual (usa em).
Las etiquetas ul serán verdes oscuras con letras blancas.
Los items impares de cada lista estarán de un color algo diferente al de los pares (más claro o más oscuro). Usa esta página para ayudarte.
Más difícil: el juego de colores de los items de los ul deberá ser distinto al de los ol. Puedes usar esta página para ayudarte.