CSS : la Fonction Calc
CSS : la Fonction Calc
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
Formater des boîtes
Chapitre 2
Créer notre documentation
Créer notre documentation
Chapitre 3
Exercice
Exercice
Chapitre 4
Pour la prochaine fois
Pour la prochaine fois
Plan détaillé du cours
Chapitre 1 : Formater des boîtes
40m11s
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
19m21s
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
28m27s
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
02m15s
Leçon 1Pour la prochaine fois
Avis des apprenants