Índice

El concepto de herencia HOJA DE ESTILO:Concepto de herencia

El principio consiste en no tener que repetir algunas de las declaraciones: el elemento secundario heredará las propiedades del elemento primario y sólo contendrá las instrucciones necesarias para definir lo que lo diferencia.

Este es un ejemplo:

<STYLE TYPE="text/css"> 
body 
{ 
font-size: 12pt ;  
font-family: sans-serif ; 
color: black ; 
text-align: center ; 
background-color: #FFFFFF ; 
} 
p.uno  
{ 
text-align: justify ; 
} 
p.dos  
{ 
color: blue ; 
} 
</STYLE> 
</HEAD> 
<BODY> 
<p>El texto en negro, un cuerpo de 12 pt y la declaración text-align: 
center. </p> 
<p class= "uno">El texto en negro, un cuerpo de 12 pt y la declaración 
text-align: justify.</p> 
<p class= "dos">El texto en azul, un cuerpo de 12 pt, la declaración 
text-align: justify.</p> 
</BODY>

Hay una contradicción entre las dos primeras declaraciones (text-align: center y justify), pero la última declaración anula las anteriores. Vamos a tomar un ejemplo más completo:

</TITLE> 
<HEAD> 
<STYLE TYPE="text/css"> 
body { font-family: arial, verdana, sans-serif ; 
font-size: 10pt ;  
color: black ; 
background-color: #FFFFFF ; } 
h6 { font-size:10pt ; color: blue ; } 
p.uno { font-size: 14pt ...