Cabecera: header

Estilos y comentarios a continuación, para facilitar su lectura

/*puntuacion 0 0 0 1 (en linea, id, class, html tag)*/
h1 {
	background-color: pink;
	color:blue;
	font-family: serif;
	font-size:20px;
}

/*puntuacion 0 0 0 1 mismos puntos, pero por ser posterior declaración tiene más importancia en las reglas que coincidan*/
h1 {
	font-size:30px;
}
/*puntuacion 0 0 1 1*/
.cabecera h1 {
	font-size:50px;
}

/*puntuacion 0 0 0 1 menos puntos pero con !important gana*/
h1 {
	font-size:40px !important;
}

/*puntuacion 0 1 0 1*/
#caja h1 {
	background-color: red;
}

/*puntuacion 0 1 1 1 Se ve como el font-size no gana al important, hay mayor puntuación y se declara más tarde, pero no gana*/
#caja .cabecera h1 {
	background-color: pink;
	font-size:100px;
}