Vista del Documento HTML:

Cabecera: header





Estilos Declarados:




Pruebas:

Gana por en línea: "style="color: darkblue;"

Gana por id: "caja"

Gana por clase: "cabecera"

Gana por marca HTML: "header h1"

Gana por último declarado: "h1 { color: darkorange; }"




Ejercicio:
Realizar en el siguiente HTML 5 declaraciones de estilo CSS que afecten al mismo elemento, el titilar h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML:

<!doctype html>
<html>
<head>
<meta charset="utf­8">
<title>Herencia</title>
</head>
<body>

<div id="caja">

<header class="cabecera">
    <h1>Cabecera: header</h1>
</header>

</div>
</body>
</html>