Différences

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

--- prog:css [2024/10/15 07:21] – [Dimension] : ajout de "Scrollbar" 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 100: / Ligne 102: @@
 ===Pseudo-élément===
-Désigne une partie d'un élément. Préfixé par un '':''. Les navigateurs tolèrent aussi un seul '':''.
+Désigne une partie d'un élément. Préfixé par un ''::''. Les navigateurs tolèrent aussi un seul '':''.
 ''::first-line'' : Première ligne (d'un paragraphe par exemple) dans l'affichage graphique. Les mots .
@@ 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.