« Le langage CSS/Le positionnement des éléments » : différence entre les versions

Contenu supprimé Contenu ajouté
Ligne 30 :
== Ancêtre, Parents, Enfants, Frères ==
 
Comprendre l'imbrication des éléments (boitesboîtes) les uns dans les autres est essentiel.
 
Chaque document HTML est toujours composé de conteneurs. Ceux-ci peuvent être ancêtres, parents, enfants ou frères. Ces différents éléments composent une hiérarchie d'imbrications.
 
* Un élément Ancêtre« ancêtre » est un élément qui contient un élément ou une hiérarchie d'éléments
* Un bloc Parent« parent » est un élément contenant directement un autre bloc. Par exemple, un <code>DIV</code> contenant un paragraphe <code>P</code>. Attention : si ce paragraphe contient lui-même des éléments (ex : <code>strong</code>), <code>DIV</code> ne sera pas Parentparent de l'élément <code>strong</code> mais uniquement son Ancêtreancêtre. Le Parentparent est donc l'Ancêtreancêtre immédiat.
* Un bloc contenu directement dans un autre bloc est dit Enfant« enfant » de cet élément. Par exemple, ici les éléments <code>LI</code> sont enfants de leur conteneur <code>UL</code>.
* Les éléments ayant le même élément Parentparent sont appelés Frères« frères ».
 
 
== Le flux ==