|
En el conjunto de las etiquetas HTML podemos establecer una jerarquÃa de etiquetas que contienen a otras, para darnos una relación de herencia. En primer lugar, tendrÃamos la etiqueta <BODY> ... </BODY>, que hace referencia a todo el documento, y podemos considerarla como la etiqueta "padre" de todas las demás etiquetas de formato, puesto que todas ellas se encuentran contenidas en el cuerpo (body) del documento.
Después, tenemos las etiquetas de párrafo (<P>...</P>, <DIV>...</DIV>, cabeceras, ...) y etiquetas de elementos insertados en lÃnea (<B>...</B>, <I>...</I>, <SPAN>...</SPAN>, ...). Las etiquetas de párrafo serán contenedoras de las etiquetas de elementos insertados en lÃnea (en el sentido que les estamos dando), estableciéndose asà una nueva relación "padre-hijo".
Esto es interesante porque la mayorÃa de los estilos que se definen se heredan, es decir, si definimos un cierto estilo para una etiqueta, este estilo será heredado por las etiquetas "hijas", con lo que no tendremos que volver a definirlo para ellas. Por ejemplo, si definimos un tipo de letra y un color para la fuente para la etiqueta <BODY> ... </BODY>,este estilo será heredado por todas las etiquetas del documento y no tendremos que definirlo para las otras etiquetas.
Sin embargo, si tenemos definido un estilo para una etiqueta "padre", podremos definir un estilo distinto para una etiqueta "hija", es decir, un estilo heredable se hereda a no ser que especifiquemos lo contrario. Se heredarán aquellas caracterÃsticas que no pongamos, y se aplicarán aquellas que definamos para la etiqueta que no tenga la etiqueta "padre".
Veamos un ejemplo:| Aportaciones de usuarios | Añadir una aportación |
 3.65/5
Separar HTML de CSS