Avec les bases du langage CSS connues, le prochain sujet CSS sur lequel vous pouvez vous concentrer est le style de texte l'une des actions les plus courantes que vous ferez avec CSS. Ici, nous examinons les principes de base du style de texte, y compris la définition de la police, l'empattement, l'italique, l'espacement des lignes et des lettres, les ombres portées et d'autres fonctions textuelles. Nous terminons le module en examinant l'application de polices personnalisées à votre page, ainsi que les styles de listes et de liens.

Prérequis

Avant de commencer ce module, vous devez déjà être familiarisé avec les bases de HTML proposées dans Introduction à HTML, et être à l'aise avec les fondamentaux de CSS étudiés dans Introduction à CSS.

Note : Si vous travaillez sur un ordinateur/tablette/autre appereil sur lequel vous ne pouvez pas créer vos propres fichiers, vous pouvez essayer (la plupart) des exemples de code dans un programme de codage en ligne tels que JSBin ou Thimble.

Guides

Ce module contient les articles suivants, qui vous enseigneront tous les principaux éléments de style de texte HTML.

Initiation à la mise en forme du texte
Dans cet article, nous passons en revue toutes les bases du style de texte et de police de caractères, y compris le poids de la police, la famille et le style, les raccourcis, l'alignement du texte et d'autres effets, ainsi que l'espacement des lignes et des lettres.
Style de liste
Les listes se comportent comme la plupart des autres textes, mais il existe des propriétés CSS spécifiques aux listes que vous devez connaître, ainsi que quelques bonnes pratiques à prendre en compte. Cet article explique tout.
Style de lien
Pour définir un style de liens, il est important de comprendre comment utiliser les pseudo-classes, pour styliser efficacement les états des liens, et comment créer des liens pour les utiliser dans des fonctionnalités d'interface variées communes telles que les menus de navigation et les onglets. Nous examinerons tous ces sujets dans cet article.
Polices de caractères web
Ici, nous allons explorer les polices web en détail - celles-ci vous permettent de télécharger des polices personnalisées sur votre page web, pour vous donner des styles de texte plus variés et personnalisés.

Auto-évaluations

Les auto-évaluations suivantes testeront votre compréhension des techniques de style de texte abordées dans les guides ci-dessus.

Composition d'une page d'accueil d'une école communautaire
Dans cette auto-évaluation, nous testerons votre compréhension du style de texte en vous amenant à créer le style du texte de la page d'accueil d'une école communautaire.

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : loella16, chrisdavidmills
 Dernière mise à jour par : loella16,