<style>
body{
background-color: darkgray;
}
estilo en linea (dentro de la etiqueta) A = 0
estilo aplicado al id B = 1
estilo de clase C = 0
estilo de etiqueta D = 0
estilo para el id caja*/ #caja{
font-family: cursive;
font-size: 1.8em;

background-color: aqua;
color: firebrick;
}
estilo en linea (dentro de la etiqueta) A = 0
estilo aplicado al id B = 1
estilo de clase C = 1
estilo de etiqueta D = 0
#caja .cabecera{
font-family: fantasy;
font-size: 1.9em;
background-color: fuchsia;
color: antiquewhite;
}
estilo en linea (dentro de la etiqueta) A = 0
estilo aplicado al id B = 1
estilo de clase C = 1
estilo de etiqueta D = 1

#caja .cabecera h1{
font-family: sans-serif;
font-size: 2em;
text-decoration-style: dashed;
text-decoration: underline;
text-transform: uppercase;
background-color: forestgreen;
color: white;
}
<style>