Contenu du cours
Tailwind CSS pour le Développement Web
Tailwind CSS pour le Développement Web
Défi : Application des Utilitaires de Typographie
Tâche
En utilisant les utilitaires de typographie de Tailwind CSS, créez un composant texte avec les spécifications suivantes :
Un titre (
h1
) avec :Taille de police de 4xl ;
Poids de police gras ;
Hauteur de ligne normale.
Un sous-titre (
h2
) avec :Taille de police de 2xl ;
Poids de police semi-gras ;
Hauteur de ligne serrée.
Un paragraphe (
p
) avec :Taille de police de base ;
Poids de police normal ;
Hauteur de ligne détendue.
index.html
Taille de police : Utilisez
text-4xl
,text-2xl
,text-base
pour les tailles de police ;Poids de police : Utilisez
font-bold
,font-semibold
,font-normal
pour les poids de police ;Hauteur de ligne : Utilisez
leading-normal
,leading-tight
,leading-relaxed
pour les hauteurs de ligne.
index.html
Merci pour vos commentaires !