CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 - Les fondamentaux Techniques de Transformation du Texte avec CSS

Techniques de Transformation du Texte avec CSS

La balise pre
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5 - Les fondamentaux
Revoir le teaser Je m'abonne
3,7
Transcription
Cette leçon fait partie de la formation
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,7
Cette leçon fait partie de la formation
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Manipulation du Texte : Majuscules et Minuscules

Objectifs

Les objectifs de cette vidéo sont de vous apprendre à :

  • Utiliser la propriété text-transform pour manipuler le texte.
  • Comprendre les différentes valeurs possibles de cette propriété.
  • Éviter les erreurs courantes lors de la saisie de texte majuscule dans le code HTML.

Résumé

Apprenez à transformer le texte en majuscule, minuscule et capitale en utilisant la propriété CSS text-transform.

Description

Dans cette leçon, vous apprendrez à manipuler le texte en utilisant la propriété CSS text-transform. Cette propriété permet de transformer le texte en capitales ou en minuscules, selon les besoins. Nous explorerons les trois valeurs principales de cette propriété : capitalize, uppercase et lowercase.

La valeur capitalize met la première lettre de chaque mot en majuscule, ce qui est utile pour les titres ou les noms propres. La valeur uppercase convertit tout le texte en majuscules, offrant une emphase visuelle forte. Enfin, la valeur lowercase convertit tout le texte en minuscules, souvent utilisée pour les styles discrets.

Note importante : Si vous saisissez le texte directement en majuscule dans votre code HTML, vous ne pourrez plus revenir à l'état initial avec une majuscule seulement au début de la phrase. Nous recommandons donc d'utiliser text-transform pour plus de flexibilité et de maintenir la clarté de votre code.

Voir plus

Questions fréquentes

Quelle propriété CSS est utilisée pour transformer le texte en majuscules ou en minuscules?
La propriété text-transform est utilisée pour transformer le texte en majuscules ou en minuscules en CSS.
Que fait la valeur 'capitalize' de la propriété text-transform?
La valeur capitalize met la première lettre de chaque mot en majuscule.
Pourquoi est-il déconseillé de saisir le texte intégralement en majuscule dans le code HTML?
Il est déconseillé de saisir le texte en majuscule directement dans le code HTML car cela empêche de revenir à un texte avec une majuscule seulement au début des phrases. Utilisez plutôt text-transform pour plus de flexibilité.

Programme détaillé

header 03:28
nav 01:05
main 01:22
footer 01:06
section 02:18
aside 01:09
article 04:21
9 commentaires
3,7
9 votes
5
4
3
2
1
henridjithat
Il y a 2 ans
Parfait pour un débutant.
geoffrey.monange
Il y a 3 ans
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 ans
Bravo! car sincèrement dans l'ensemble il y a un vrai travail de fond et surtout d'excellentes bases que vous nous dévoilez. Après bien évidemment à chacun de se créer son univers de progression à travers différentes recherches autres... mais ne soyons pas trop dur non plus au niveau d'exigences démesurées et reconnaissons quand même avec un minimum de correction la qualité d'ensemble de ce qui nous est dévoilé. Sincèrement moi j'ai apprécié cette formation, qui m'a quand même appris des choses que je ne connaissais pas dans la profondeur. Donc merci !
jpe.beno
Il y a 3 ans
Bonjour, dans le site final, il y a les explications du html (ok pour moi) mais ou sont les vidéos pour expliquer le css du site final ?
passprod_1
Il y a 4 ans
Les vidéos des cours css dans cette formation "apprendre le HTML 5" sont impossibles à suivre pour une personne débutante... Les exercices css ne sont pas dans le dossier à télécharger.
allal73
Il y a 4 ans
Bonne formation , merci , svp je pense qu'il manque des cours au chapitre 11 c'est manquant, je n'ai aucune info sur cette épisode, vous passez directement sur un exercice dont nous n'avons pas traité merci de corrigé, je n'est pas tous fini ma formation cela m'a perturber énormément.
lcerva38
Il y a 4 ans
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 ans
J'ai commencé à suivre ces vidéos qui sont de qualité, mais malheureusement certains modules ne correspondent pas au sujets abordés, erreur lors de l'upload. Exemple le module 16 traite du CSS et non pas du HTML.
stephane.cade
Il y a 4 ans
Bonne formation. Je me demande s'il n'y a pas une anomalie au niveau du module 11. Une leçon manquante.J'ai eu le sentiment d'avoir manqué un épisode, alors que ce n'était pas le cas. Il me semble que c'était dans le module 11. Merci.