Différences

Ci-dessous, les différences entre deux révisions de la page.

--- prog:css [2024/10/26 08:29] – [Pseudo-élément] : fix préfixe root
+++ prog:css [2024/12/23 11:33] (Version actuelle) – [Position] : précision sur "display: flex" root
@@ Ligne 78: / Ligne 78: @@
 ===Id===
-''#id'' : identifiant via ''id='' (identifiant unique)comme ''class'' sauf que les ''id'' sont uniques. Préfixer par un dièse.
+''#id'' : identifiant via ''id='' (identifiant unique) comme ''class'' sauf que les ''id'' sont uniques. Préfixer par un dièse.
 ===Pseudo-classe===
@@ Ligne 91: / Ligne 91: @@
 '':only-child''
+'':first-of-type'' : seulement le premier élément.
   * Cas dynamique
@@ Ligne 458: / Ligne 460: @@
   * comportement par défaut.
-  * ''display: flex''. Ils ont donc une ligne dédiée mais tant que les boites se suivent, elles sont les unes a côté des autres.
+  * ''display: flex''. Ils ont donc une ligne dédiée mais tant que les boites se suivent, elles sont les unes a côté des autres. Elles peuvent être, soit horizontales, soit verticales en fonction de la valeur de ''flex-direction'' (''row'' (par défaut) / ''column'' / ''row-reverse'' / ''column-reverse'').
   * ''display: inline-flex''. Les boites ne sont pas dans une ligne dédiée et tant que les boites se suivent, elles sont les unes a côté des autres. Contrairement à ''inline'', les blocs n'ont pas une largeur de 100% mais s'adaptent au contenu.
   * "entre deux" (''display: inline-block''). Les boites ne sont pas sur une ligne dédiée mais ''height'' et ''width'' sont respectés.