Mise en Page CSS et Positionnement
Objectifs
Les objectifs de cette vidéo sont de comprendre la mise en page en CSS, d'apprendre à utiliser le positionnement flottant, et de maîtriser le positionnement absolu pour un design précis.
Résumé
Découvrez comment structurer et styliser une fiche produit en utilisant des techniques de CSS pour la mise en page et le positionnement.
Description
Dans cette leçon, nous allons voir comment mettre en page une fiche produit à l'aide de CSS. Nous allons commencer par le conteneur principal, en définissant sa largeur, sa couleur de fond, et son retrait intérieur (padding). Ensuite, nous allons styliser le titre en jouant avec la couleur de fond et la taille du texte. Nous passerons ensuite à la disposition des colonnes flottantes pour les informations, les argumentaires, et les commandes. Nous verrons également comment utiliser le positionnement absolu pour placer nos éléments de manière précise. Enfin, nous expliquerons l'utilisation des sélecteurs précis afin d'éviter les conflits de styles dans une page HTML plus large.
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.