Introduction à la Stylisation des Formulaires
Objectifs
Les objectifs de cette vidéo incluent:
- Comprendre comment enlever les styles par défaut des navigateurs.
- Apprendre à utiliser les propriétés de CSS pour styliser les formulaires.
- Voir les différents éléments de formulaire et leurs particularités de stylisation.
Résumé
Apprenez à styliser vos formulaires HTML avec du CSS pour améliorer la présentation et l’expérience utilisateur.
Description
Dans cette leçon, nous aborderons les fondamentaux de la stylisation des formulaires HTML en utilisant le CSS. Nous commencerons par retirer les styles par défaut du navigateur en supprimant les marges et les paddings. Les éléments paragraphes et labels seront ajustés pour une mise en page en deux colonnes, en utilisant les propriétés de flottaison et les largeurs fixes. Nous discuterons également des différentes façons de styliser les éléments inline comme les spans et les éléments de formulaire comme les inputs, selects, et textareas.
Nous verrons comment orienter les styles spécifiques à chaque navigateur pour assurer une certaine homogénéité visuelle, même si cela reste un défi. Finalement, nous fournirons des ressources supplémentaires pour approfondir la connaissance sur la structure et la stylisation des formulaires HTML.
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.