Tailwind CSS #2/5. Maîtriser le Formatage des Boîtes DIV
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h30
de formation
18
leçons vidéo
4
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Tailwind CSS #2/5. Maîtriser le Formatage des Boîtes DIV

4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
1h30
de formation
18
leçons vidéo
4
chapitres

Cette seconde formation vidéo dédiée à maîtriser l'art du formatage des boîtes DIV en utilisant Tailwind CSS, un puissant framework CSS.

Les boîtes ou DIV sont des éléments fondamentaux en développement web, jouant un rôle essentiel dans la création de mises en page et de designs attrayants.

Dans cette formation, nous plongerons dans les tenants et aboutissants de Tailwind CSS pour optimiser la mise en forme de ces DIV, simplifier le processus de stylisation et accélérer votre flux de travail.

Objectifs de ce cours :

  • Comprendre les avantages de Tailwind CSS pour le formatage des boîtes
  • Apprendre à intégrer Tailwind CSS dans vos projets
  • Découvrir les classes de Tailwind CSS pour personnaliser et styler vos boîtes
  • Maîtriser l'alignement, le dimensionnement, les marges et les rembourrages avec Tailwind CSS

Au programme de ce tuto Tailwind CSS sur le formatage des boîtes

Voici les notions qui seront couverte dans cette formation : 

Utilisation des Classes de Tailwind CSS pour les Boîtes

  • Décryptage des classes Tailwind CSS pour styler et formater les boîtes
  • Application pratique : exemples de stylisation en direct
Alignement et Positionnement

  • Techniques d'alignement et de positionnement des boîtes avec Tailwind CSS
  • Manipulation des classes pour un placement précis des éléments
Dimensionnement et Espacement

  • Personnalisation de la taille, des marges, et des rembourrages des boîtes
En fin de formation, vous aurez acquis une compréhension approfondie des techniques de formatage des boîtes avec Tailwind CSS.

Vous serez en mesure d'appliquer ces connaissances pour créer des designs web attractifs et fonctionnels, tout en optimisant votre productivité. Prêt à plonger dans l'univers du formatage des boîtes avec Tailwind CSS ? Commençons dès maintenant !

Pour vous aider à approfondir vos connaissances en CSS, voici un tuto essentiel qui traite les dégradés ainsi que les images de fond en CSS. Et si vous souhaitez découvrir ma formation précédente sur Tailwind CSS, voici le tuto sur le formatage des textes.

 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Formater des boîtes
Chapitre 2
Créer notre documentation
Chapitre 3
Exercice
Chapitre 4
Pour la prochaine fois

Table des matières

Chapitre 1 : Formater des boîtes

40m11
 
Leçon 1Donner une couleur de fond à une boîte
Leçon 2Modifier la largeur d'une boîte
Leçon 3Modifier la hauteur d'une boîte
Leçon 4Donner une image de fond à une boîte
Leçon 5Donner un dégradé de couleur à une boîte
Leçon 6Modifier les marges extérieures
Leçon 7Modifier les marges intérieures
Leçon 8Donner une bordure à une boîte
Leçon 9Arrondir les bordures d'une boîte

Chapitre 2 : Créer notre documentation

19m21
 
Leçon 1Les 3 premières propriétés liées aux boîtes
Leçon 2Les 2 propriétés suivantes liées aux boîtes
Leçon 3Les 2 avant-dernières propriétés liées aux boîtes
Leçon 4Les 2 dernières propriétés liées aux boîtes

Chapitre 3 : Exercice

28m27
 
Leçon 1Ce que nous allons faire
Leçon 2Définir une image de fond
Leçon 3Mettre en forme la section
Leçon 4Mettre en forme le formulaire

Chapitre 4 : Pour la prochaine fois

02m15
 
Leçon 1Pour la prochaine fois

Avis des apprenants

Détail des avis
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Serge Delattre
Serge Delattre
Publié le 26/02/2024
Bonne formation, mais s'est déroutant car j’ai été formé avec l’idée d’alléger le html et de me concentrer sur le CSS à part et là on a le sentiment de revenir en arrière en mélangeant les deux. Pour celui qui a une bonne mémoire c’est du CSS en abrégé alors ça peut faire gagner du temps. C’est trop nouveau pour l’instant mais comme je suis curieux j’attends la suite!
Carl Brison
Carl Brison
Vous n'avez pas tord. J'enseigne Tailwind, car il s'agit d'un framework beaucoup utilisé avec NextJS qui sera la formation à suivre.

Vos questions sur le cours

Que contient le fichier source ?

Le code source de l'exercice d'application ainsi que la documentation.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
17,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h30 de vidéo • 4 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 754 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1421 tutos gratuits

Notre politique de protection des données