Jerarquía de los estilos

[HTML en rojo para hoja de estilo externa]
<link rel="stylesheet" type="text/css" href="css/rangfolge.css" media="screen">
[Las declaraciones en la hoja de estilo]
body {
background-color: #ccc;
color: #000;
}
p {
background-color: transparent;
color: #000 !important;
}

[Estilos embedded en HTML]
<style type="text/css">
body {
background-color: #6f9;
color: #39c;
}
p {
background-color: transparent;
color: #39c;
}
</style>
[Estilos inline en el código HTML]
<body style="background-color:#fc9;">

1) Hoja de estilo externa debe indicar:
body {background-color: #ccc; color: #000;}
Color para el fondo y primer plano

2) Los estilos embeddes deben:
body {background-color: #6f9; color: #39c;}
y, por tanto, escribir sobre los conocimientos previos y colores adquiridos.

3) Los estilos inline deben:
body style="background-color: #fc9;"
incluir otra vez la declaración para el color de fondo.

Para <p> buscar en la hoja externael color
p {color: #000 !important;}
asignado. Se conserva, aunque en los estilos inline se declare de otra forma:
p {color: #39c;}.

Índice Capítulo 2
Contenido material adicional