CATALOGUE Code & Data Formation XHTML/CSS Apprendre XHTML & CSS

Les propriétés CSS pour la mise en forme du texte

Retour à la formation
Chapitre 10 Leçon 5
Précédent
Suivant

Une analyse détaillée des propriétés CSS pour la mise en forme du texte, incluant font-size, font-family, et bien d'autres.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous aborderons les principales propriétés CSS destinées à la mise en forme du texte. Nous commencerons par la propriété font-size, et montrerons comment elle peut être appliquée avec différentes unités comme les em et pourcentages. Ensuite, nous explorerons font-family avec des exemples concrets de familles de polices comme Georgia et Times New Roman. Nous traiterons également des propriétés FontWeight, FontVariant, LetterSpacing, LineHeight, TextDecoration, TextAlign et TextTransform, en fournissant des exemples pratiques et des recommandations sur leur utilisation optimale.

Cette leçon met en avant l'importance de la sélection des bonnes polices et tailles de texte pour une meilleure lisibilité de vos pages web. Nous verrons aussi comment éviter certaines erreurs communes, telles que les gouttières disgracieuses résultant d'une justification inadaptée du texte.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

- Comprendre et utiliser les propriétés CSS pour la mise en forme du texte;

- Sélectionner et appliquer les bonnes polices de caractères;

- Optimiser la lisibilité et la présentation des textes sur une page web.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML et CSS.

Métiers concernés

Les compétences enseignées dans cette vidéo sont essentielles pour des métiers comme développeur front-end, web designer, et UX designer.

Alternatives et ressources

Les logiciels alternatifs peuvent inclure des éditeurs de code comme Visual Studio Code, Atom, ou des outils de design comme Sketch ou Adobe XD. Pour étendre les polices disponibles, des services comme Google Fonts ou Adobe Fonts peuvent être utilisés.

Questions & Réponses

Les unités 'em' permettent une mise en forme relative qui s'adapte bien aux différents résolutions d'écran et aux préférences de l'utilisateur.
Utiliser plusieurs fontes dans 'font-family' garantit une meilleure compatibilité, permettant au navigateur de choisir une police de secours si la première n'est pas disponible.
La propriété 'line-height' améliore la lisibilité du texte en ajustant l'espacement entre les lignes, ce qui est particulièrement utile pour des textes longs.