Le WordPress d'aujourd'hui, décodé pour les développeurs
Histoire de WordPress
Lexique
Hooks WordPress
WP Moderne
.
Créer
Concevoir l’apparence et la structure du site.
4 842 articles en 17 catégoriesVoir toutes les catégories →
Développer
Étendre WordPress avec du code.
Optimiser
Rendre le site rapide, visible et sûr.
Projets
Mener un site de bout en bout.
Accueil › Lexique › CSS
Les feuilles de style : mise en page, sélecteurs, responsive.
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
Cœur WP
Éditeur
Thèmes
Extensions
Admin
HTML
CSS
JavaScript
PHP
HTTP & API
BDD
Serveur
Sécurité
Performance
SEO & a11y
Outils
IA
Propriété CSS qui détermine comment un élément se comporte dans la mise en page : bloc, en ligne, conteneur flexible ou grille, entre autres valeurs.
En anglais : « Display property »
Mécanisme permettant de faire évoluer les propriétés visuelles d'un élément selon des étapes définies, sans écrire une seule ligne de JavaScript.
En anglais : « CSS animation »
Regroupement de règles CSS en couches ordonnées explicitement, permettant de contrôler quelles règles l'emportent sans manipuler la spécificité des sélecteurs.
En anglais : « Cascade layer (@layer) »
Ensemble de règles qui déterminent, parmi plusieurs déclarations CSS concurrentes sur un même élément, laquelle sera effectivement appliquée.
En anglais : « Cascade »
Approche de mise en page où l'interface se réorganise automatiquement selon la taille de l'écran, sans nécessiter de version distincte du site.
En anglais : « Responsive design »
Méthode qui consiste à concevoir d'abord la mise en page pour petit écran, puis à enrichir progressivement l'affichage pour les écrans plus larges.
En anglais : « Mobile-first design »
Règle CSS qui adapte le style d'un élément selon la taille de son conteneur parent, plutôt que selon la taille de la fenêtre du navigateur entière.
En anglais : « Container query »
Regroupement d'éléments dont l'ordre d'affichage en profondeur est géré comme un bloc indépendant, souvent à l'origine de problèmes de z-index inexpliqués.
En anglais : « Stacking context »
Technique consistant à écrire les styles directement dans le code JavaScript d'un composant, généralement générés puis injectés dynamiquement dans la page.
En anglais : « CSS-in-JS »
Comportement adopté par un élément lorsque son contenu dépasse les dimensions de sa boîte, entre affichage libre, découpe nette ou apparition de barres de défilement.
En anglais : « Overflow »
Fichier regroupant des règles CSS destinées à mettre en forme un document HTML, chargé séparément du contenu qu'il habille.
En anglais : « Stylesheet »
Modèle de mise en page CSS conçu pour répartir et aligner des éléments sur un seul axe, horizontal ou vertical, en s'adaptant à l'espace disponible.
En anglais : « Flexbox »
Modèle de mise en page CSS permettant d'organiser des éléments simultanément en lignes et en colonnes, avec un contrôle fin de chaque cellule.
En anglais : « CSS Grid »
Règle CSS conditionnelle qui applique un bloc de styles uniquement lorsque certaines caractéristiques de l'écran ou de l'appareil sont vérifiées.
En anglais : « Media query »
Représentation selon laquelle chaque élément HTML occupe un espace composé de son contenu, d'un espacement interne, d'une bordure et d'une marge externe.
En anglais : « Box model »
Largeur d'écran précise à partir de laquelle une mise en page change de comportement, définie par une media query plutôt que par le modèle d'un appareil.
En anglais : « Breakpoint »
La propriété CSS position détermine comment un élément est placé dans la page : dans le flux normal, décalé, ou retiré du flux pour être positionné par rapport à un repère.
En anglais : « Position (relative/absolute/fixed) »
Un préprocesseur CSS ajoute au langage des variables, des fonctions, des imbrications et des fichiers partiels, avant de compiler le tout en CSS classique compréhensible par le navigateur.
En anglais : « CSS preprocessor (Sass) »
Une pseudo-classe cible un élément selon un état ou une position qu'aucun attribut HTML ne décrit, comme le survol de la souris ou le fait d'être le premier enfant.
En anglais : « Pseudo-class »
Un pseudo-élément désigne, avec la syntaxe à deux deux-points comme ::before, une partie précise d'un élément ou un contenu généré qui n'existe pas dans le HTML source.
En anglais : « Pseudo-element »
Un sélecteur CSS est le motif qui désigne, dans une règle de style, à quels éléments HTML de la page cette règle doit s'appliquer.
En anglais : « Selector »
La spécificité est la règle de calcul qui détermine, quand plusieurs sélecteurs CSS visent le même élément, lequel l'emporte, indépendamment de l'ordre d'écriture dans le fichier.
En anglais : « Specificity »
La propriété transition anime en douceur le passage d'une propriété CSS d'une valeur à une autre, par exemple lors d'un survol, sans écrire d'étapes intermédiaires.
En anglais : « Transition »
Une unité relative comme em ou rem exprime une taille par rapport à une autre valeur (la police du parent ou de la racine) plutôt qu'en pixels fixes.
En anglais : « Relative unit (em/rem) »
Une variable CSS, ou propriété personnalisée, stocke une valeur réutilisable sous un nom préfixé par deux tirets et se lit avec la fonction var(), directement dans le navigateur.
En anglais : « CSS custom property »
← Précédent
Suivant →
Aucune définition pour cette lettre pour le moment.