🎨

CSS : modèle de boîte, sélecteurs et media queries

129 cards · 🇺🇸 English → 🇫🇷 Français

Le modèle de boîte CSS, les types de sélecteurs, les media queries et les animations.

Study all 129 cards for free

Flashcards, quizzes, pixel-art games and a daily review that remembers for you.

Study this deck free

Try the first 10 cards

1 / 10
Question

CSS

Knew itLearning

Tap the card for the answer · swipe right if you knew it, left if not

Already have an account? Sign in

Cards

  1. 1CSS
    Cascading Style Sheets (feuilles de style en cascade)
  2. 2CSS box model
    Le modèle de mise en page décrivant chaque élément comme une boîte rectangulaire composée de contenu, padding, bordure et marge
  3. 3Four parts of the CSS box model (from inside out)
    Contenu, padding, bordure, marge
  4. 4Default value of box-sizing
    content-box
  5. 5Box-sizing: border-box
    Fait en sorte que width et height incluent le padding et la bordure, pas seulement le contenu
  6. 6Margin collapse
    Quand les marges verticales d'éléments de bloc adjacents fusionnent en une seule marge (la plus grande des deux)
  7. 7Shorthand order for margin/padding
    Haut, droite, bas, gauche (sens horaire à partir du haut)
  8. 8Display: block
    Fait en sorte qu'un élément occupe toute la largeur disponible et commence sur une nouvelle ligne
  9. 9Display: inline
    Fait en sorte qu'un élément reste sur la même ligne et n'occupe que la largeur nécessaire
  10. 10Display: inline-block
    Combine les caractéristiques des deux : reste en ligne mais permet de définir width/height
  11. 11Display: none
    Retire complètement l'élément du flux du document (aucun espace réservé)
  12. 12Visibility: hidden
    Masque l'élément mais réserve toujours son espace dans la mise en page
  13. 13Default position value
    static
  14. 14Position: relative
    Positionne l'élément par rapport à sa position normale ; reste dans le flux du document
  15. 15Position: absolute
    Positionne l'élément par rapport à son ancêtre positionné le plus proche ; retiré du flux du document
  16. 16Position: fixed
    Positionne l'élément par rapport à la fenêtre d'affichage (viewport) ; reste en place lors du défilement
  17. 17Position: sticky
    Bascule entre relative et fixed selon la position de défilement
  18. 18Z-index
    Une propriété qui contrôle l'ordre d'empilement des éléments positionnés qui se chevauchent
  19. 19Default display value for div
    block
  20. 20Default display value for span
    inline
  21. 21Display: flex
    Active la mise en page Flexbox sur un élément, en faisant un conteneur flexible
  22. 22Flex-direction
    La direction de l'axe principal : row (par défaut), column, row-reverse ou column-reverse
  23. 23Justify-content
    Aligne les éléments le long de l'axe principal (par ex., flex-start, center, space-between)
  24. 24Align-items
    Aligne les éléments le long de l'axe transversal (par ex., flex-start, center, stretch)
  25. 25Flex-wrap
    Contrôle si les éléments flexibles passent sur plusieurs lignes : nowrap (par défaut), wrap, wrap-reverse
  26. 26Flex: 1
    Raccourci pour flex-grow: 1, flex-shrink: 1, flex-basis: 0%
  27. 27Display: grid
    Active la mise en page CSS Grid sur un élément, en faisant un conteneur de grille
  28. 28Grid-template-columns
    Le nombre et la taille des colonnes d'une grille
  29. 29Grid-template-rows
    Le nombre et la taille des lignes d'une grille
  30. 30Fr unit in CSS Grid
    Une unité fractionnaire représentant une fraction de l'espace disponible

And 99 more cards. Study the whole deck free

Articles about this deck

More Programming decks

See all
Study all 129 cards free