<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Herencia</title>
<style type="text/css">
#caja .cabecera h1{
color:white;font-style: oblique;
background-color:#4D88EF;
border: 1px solid orange;
} /*puntuacion: 0,1,1,1 - primero*/
#caja h1 {
color:grey;
} /*puntuacion: 0,1,0,1*/
header h1{
color:white;
} /*puntuacion: 0,0,0,2*/
.cabecera h1 {
text-align: center;
} /*puntuacion: 0,0,1,1 */
</style>
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1>Cabecera: header</h1>
</header>
</div>
</body>
</html>