Modulo 2: Estructura HTML5/CSS3 para multipantalla y objetos multimedia.

Enunciado ejercicio P2P:

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:

Código HTML del ejercicio:

<!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>

Elemento HTML a estudio:

       <h1>Cabecera: header</h1>

CSS Estilos de línea ID(#) Clases(.) Elementos
#caja h1 {color: red;} 0 1 0 1
#caja header h1 {color: green;} 0 1 0 2
#caja .cabecera h1 {color: blue;} 0 1 1 1
header h1 {color: purple;} 0 0 0 2
h1 {color: maroon;} 0 0 0 1
La puntuación tambien está como un comentario en el código HTML de la página.

Solución:

Cabecera: header