« Le langage CSS/Le positionnement des éléments » : différence entre les versions
Contenu supprimé Contenu ajouté
m Formatage, ajout de code |
|||
Ligne 11 :
Voici les principaux points à retenir de cet article :
* Tous les éléments (balises) HTML peuvent être positionnés, décorés, dimensionnés, ... grâce aux styles CSS. Cela signifie que les CSS ne s'appliquent pas qu'aux éléments <div> contrairement à certaines idées reçues : une image (<
* Employez toujours les éléments selon leur fonction et non selon leur aspect (puisque cet aspect pourra facilement être modifié via CSS) : un paragraphe sera défini par la balise <
* Il existe deux types généraux d'éléments HTML : les balises de type "en-ligne" et les balises de type "bloc". Cette différence est fondamentale et a de nombreuses implications sur les styles qui peuvent être appliqués.
* L'imbrication des éléments les uns dans les autres, et les notions de parenté (parent, ancêtre, frère, ...) permettent de styler facilement les éléments en utilisant cette hiérarchie dans les sélecteurs CSS. Cela évite d'employer des noms de classes ou d'id multiples et inutiles, qui complexifient la lecture et la compréhension des styles.
Ligne 24 :
Voici un résumé pour les lecteurs pressés
* les éléments de rendu "bloc" se placent toujours l'un en dessous de l'autre par défaut (comme un retour chariot). Par exemple: une suite de paragraphes (balise <
* les éléments de rendu "en-ligne" se placent toujours l'un à côté de l'autre afin de rester dans le texte. Par exemple : le renforcement d'une partie de texte à l'aide de la balise .
* les autres éléments de type en-ligne ("non-remplacés") n'ont pas de dimension à proprement parler par défaut (il n'occupent que la place minimum nécessaire à leur contenu). C'est le cas des éléments <
== Ancêtre, Parents, Enfants, Frères ==
Ligne 56 :
Sachez utiliser chaque balise à bon escient !
* Il est souvent inutile de faire des imbrications multiples de <
* Évitez d'utiliser les balises <
* Utilisez les balises <
* Utilisez les listes <
== Position relative et absolue ==
|