Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Compréhension et Utilisation des Propriétés de Police | Mise en Forme du Texte en CSS
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Fondamentaux De CSS

bookCompré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 */
}
Note
Remarque

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

index.html

styles.css

styles.css

copy
Note
Résumé

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 ?

question mark

Quelle propriété détermine l'épaisseur de la police ?

Select the correct answer

question mark

Quelle est la valeur par défaut de la propriété font-style en CSS ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 5

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

bookCompré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 */
}
Note
Remarque

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

index.html

styles.css

styles.css

copy
Note
Résumé

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 ?

question mark

Quelle propriété détermine l'épaisseur de la police ?

Select the correct answer

question mark

Quelle est la valeur par défaut de la propriété font-style en CSS ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 5
some-alt