Introduction à la mise en forme avancée
Objectifs
À la fin de cette vidéo, vous serez capable de :
- Centrer des éléments avec CSS
- Appliquer des ombres avec box-shadow
- Changer de police et ajuster les marges et les paddings
Résumé
Dans cette leçon, nous allons apprendre à mettre en page un fichier HTML en utilisant des techniques CSS avancées comme display et margin.
Description
Cette leçon explore les différentes techniques de mise en page avancées avec le CSS. Nous utiliserons notamment les propriétés display et margin pour améliorer la structure et l'apparence de notre contenu. Vous apprendrez à centrer des éléments, appliquer des ombres, changer la police de caractères, et ajuster les marges pour obtenir un design agréable et professionnel. Nous commencerons par relier notre fichier HTML à une feuille de style externe, avant de progresser vers des spécificités comme le centrage d'un conteneur à l'aide de margin: 0 auto et l'application de padding pour une meilleure lisibilité. La leçon se termine par l'ajout de touches finales comme l'application d'ombres et la mise en forme du pied de page (footer).
Questions - réponses
margin: 0 auto; après avoir défini une largeur fixe pour le conteneur.
box-shadow est utilisée pour ajouter des ombres en CSS.
Programme détaillé
Module 1 - Introduction à la formation HTLM5 et CSS3
Module 2 - Les bases de la mise en page
Module 3 - La mise en page avancée
Module 4 - Autres sélecteurs et propriétés
Dommage.