Compréhension et Utilisation des Propriétés de Police
Voici les propriétés CSS les plus courantes utilisées pour styliser les polices :
selector {
font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
font-style: normal | italic | oblique; /* only these values available */
}
Tous les exemples utilisent le même texte afin de montrer comment ces propriétés modifient l'apparence.
font-family
Définit la police de caractères utilisée pour afficher le texte. Il est possible de définir une police ou une liste de polices de secours séparées par des virgules.
font-size
Contrôle la taille du texte. px : taille fixe. em/rem : taille relative à l’élément parent ou à l’élément racine.
font-weight
Contrôle l’épaisseur du texte. Valeurs numériques : 100–900. Mots-clés : normal, bold, lighter.
font-style
Spécifie le style du texte : normal, italic ou oblique.
Pseudo-classe ::first-letter
::first-letter cible la première lettre d’un élément (généralement un paragraphe ou un titre), permettant des effets décoratifs ou stylisés.
selector::first-letter {
/* some styles */
}
Exécutons l’exemple suivant pour observer son fonctionnement.
index.html
styles.css
font-family définit la police et les polices de secours.
font-size contrôle la taille du texte en px, em ou rem.
font-weight ajuste l’épaisseur à l’aide de nombres ou de mots-clés.
font-style modifie le style de la police.
::first-letter applique un style à la première lettre d’un bloc de texte.
1. Quelle propriété détermine l'épaisseur de la police ?
2. Quelle est la valeur par défaut de la propriété font-style en CSS ?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Can you show an example of using the ::first-letter pseudo-class?
What are some common use cases for ::first-letter in web design?
Can you explain the difference between font-style italic and oblique?
Génial!
Completion taux amélioré à 2.56Compréhension et Utilisation des Propriétés de Police
Glissez pour afficher le menu
Voici les propriétés CSS les plus courantes utilisées pour styliser les polices :
selector {
font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
font-style: normal | italic | oblique; /* only these values available */
}
Tous les exemples utilisent le même texte afin de montrer comment ces propriétés modifient l'apparence.
font-family
Définit la police de caractères utilisée pour afficher le texte. Il est possible de définir une police ou une liste de polices de secours séparées par des virgules.
font-size
Contrôle la taille du texte. px : taille fixe. em/rem : taille relative à l’élément parent ou à l’élément racine.
font-weight
Contrôle l’épaisseur du texte. Valeurs numériques : 100–900. Mots-clés : normal, bold, lighter.
font-style
Spécifie le style du texte : normal, italic ou oblique.
Pseudo-classe ::first-letter
::first-letter cible la première lettre d’un élément (généralement un paragraphe ou un titre), permettant des effets décoratifs ou stylisés.
selector::first-letter {
/* some styles */
}
Exécutons l’exemple suivant pour observer son fonctionnement.
index.html
styles.css
font-family définit la police et les polices de secours.
font-size contrôle la taille du texte en px, em ou rem.
font-weight ajuste l’épaisseur à l’aide de nombres ou de mots-clés.
font-style modifie le style de la police.
::first-letter applique un style à la première lettre d’un bloc de texte.
1. Quelle propriété détermine l'épaisseur de la police ?
2. Quelle est la valeur par défaut de la propriété font-style en CSS ?
Merci pour vos commentaires !
