« Le langage CSS/Le positionnement des éléments » : différence entre les versions
Contenu supprimé Contenu ajouté
Aucun résumé des modifications |
|||
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 <nowiki><div></nowiki> contrairement à certaines idées reçues : une image (<code><nowiki><img></nowiki></code>), une liste (<code><nowiki><ul></nowiki></code>), un paragraphe (<code><nowiki><p></nowiki></code>), etc. peuvent être stylés en CSS sans avoir besoin d'être contenus dans un élément <code><nowiki><div></nowiki></code>. Évitez d'ailleurs de surcharger vos documents d'éléments <code><nowiki><div></nowiki></code> inutiles.
* 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 <code><nowiki><p></nowiki></code>, un titre par la balise <code><nowiki><h1></nowiki></code>, <code><nowiki><h2></nowiki></code>… Notez que l'élément <code><nowiki><div></nowiki></code> est neutre est sert de « bouche-trou » pour englober d'autres éléments ou servir lorsqu'aucun autre élément n'est approprié. N'utilisez pas <code><nowiki><div></nowiki></code> pour englober des éléments seuls !
* 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.
| |||