Maîtrise des Images de Fond avec CSS

Décorer un bloc avec des images de fond (propriété background)
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre XHTML & CSS
Revoir le teaser Je m'abonne
3,0
Transcription

59,90€ 29,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,0
59,90€ 29,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :
1. Comprendre l'utilisation des propriétés CSS background.
2. Apprendre à manipuler les images de fond avec background-image, background-repeat et background-position.
3. Maîtriser l'application de ces propriétés à des projets réels.

Cette leçon explore l'utilisation avancée des propriétés CSS pour les images de fond, en se concentrant sur background-image, background-repeat et background-position.

Dans cette leçon, nous approfondissons l'utilisation des propriétés CSS pour manipuler les images de fond. Nous abordons comment utiliser background-image pour appliquer des images de fond à des blocs de contenu, et explorer les propriétés background-repeat et background-position pour un contrôle précis de l'affichage. Nous discutons également de l'importance de la compatibilité des navigateurs et expliquons comment résoudre des problèmes courants de rendering avec diverses astuces CSS. À travers des exemples pratiques, nous voyons comment une bonne maîtrise de ces propriétés permet de créer des designs élégants et performants. Enfin, nous revoyons l'application de ces concepts sur un menu, pour récapituler et renforcer la compréhension. Cette leçon est essentielle pour quiconque souhaite professionnaliser ses compétences en intégration web.

Voir plus
Questions réponses
Quelle propriété CSS est utilisée pour appliquer une image de fond à un élément?
La propriété background-image est utilisée pour appliquer une image de fond à un élément.
Pourquoi est-il important d'utiliser <strong>background-position</strong> et <strong>background-repeat</strong>?
Ces propriétés permettent de contrôler précisément l'affichage de l'image de fond dans l'élément, assurant ainsi une meilleure intégration visuelle et performance du design.
Quels sont les navigateurs prenant en charge la propriété <strong>box-shadow</strong> mentionnée dans la vidéo?
Box-shadow est pris en charge par les navigateurs Firefox 3 (version alpha) et Safari 3 au moment de l'enregistrement de la vidéo.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Azraël
Il y a 3 ans
Dans l'ensemble bon cours, toutefois pas adapté au débutant car très touffu.
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.