Créer des bordures et des espacements
Objectifs
A la fin de cette vidéo, vous serez capable de :
- Créer des bordures autour des éléments HTML.
- Appliquer des marges et des retraits internes pour un espacement cohérent.
- Utiliser différentes propriétés CSS pour styliser les titres et le texte.
Résumé
Découvrez comment utiliser CSS pour structurer et améliorer visuellement vos pages HTML.
Description
Dans cette leçon, vous allez apprendre à utiliser CSS pour réaliser une mise en forme effective d'une page HTML. En partant d'un exemple concret basé sur une page de Wikipédia, nous allons aborder plusieurs concepts de base et montrer comment les propriétés CSS peuvent transformer le rendu visuel de la page. Il s'agit d'un exercice d'imitation où nous nous efforçons de reproduire fidèlement l'apparence de la page Wikipédia.
Les points abordés incluent la création de bordures avec la propriété border, l'ajout de retraits internes avec padding, et l'ajustement des marges avec margin. Nous observerons également le phénomène de la fusion des marges et découvrirons comment harmoniser les polices de caractères pour un rendu cohérent. Enfin, nous appliquerons des styles spécifiques aux titres et aux listes pour une présentation utilisateur optimale.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Apprendre XHTML et CSS
Module 3 - Premier contact avec HTML et CSS
Module 4 - Annexe 1: Travailler avec les bons outils
Module 5 - Introduction à la mise en page en CSS
Module 6 - Annexe 2 : Standards et validité
Module 7 - Mise en page d'un design simple
Module 8 - Des menus de navigation en HTML et CSS
Module 9 - Annexe 3 : L'encodage des caractères
Module 10 - Mise en forme du contenu
Module 11 - Annexe 4 : Des gabarits de mise en page pour vos projets
Module 12 - Mise en forme d'un contenu
Module 13 - Conclusion
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.