CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 2 Comprendre et Utiliser la Propriété CSS Background

Comprendre et Utiliser la Propriété CSS Background

Propriétés CSS pour l'arrière-plan
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 2
Revoir le teaser Je m'abonne
1,0
Transcription
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
1,0
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction et Utilisation de Background-Color

Objectifs

Les objectifs de cette vidéo sont d'apprendre à :

  • Utiliser la propriété background en CSS.
  • Ajouter des couleurs et des images en arrière-plan.
  • Gérer la répétition et la position des images de fond.
  • Adapter la taille de l'image de fond à la fenêtre du navigateur.

Résumé

Cette leçon explique comment utiliser la propriété background en CSS pour ajouter des arrière-plans à vos éléments HTML, ainsi que les différentes options et propriétés associées comme background-color et background-image.

Description

Dans cette leçon, nous allons explorer les différentes façons d'utiliser la propriété background en CSS pour ajouter des arrière-plans à vos éléments HTML. Nous débuterons par l'utilisation de background-color pour ajouter une couleur simple en arrière-plan d'un élément de type bloc tel que body, div, h1 ou p. Nous montrerons comment spécifier les couleurs en utilisant des noms de couleurs anglophones tels que 'orange', 'blue', 'red', etc.

Ensuite, nous aborderons l'ajout d'images en arrière-plan avec la propriété background-image, en utilisant la fonction url() pour lier une image de notre dossier. Nous discuterons également des problèmes courants liés à la répétition des images et comment les gérer avec les propriétés background-repeat, repeat-x et repeat-y.

Enfin, nous montrerons comment utiliser la propriété background-size pour ajuster la taille de l'image d'arrière-plan, en mettant un accent particulier sur l'utilisation de la valeur cover pour remplir toute la fenêtre du navigateur, indépendamment de sa taille. Nous aborderons aussi l'utilisation de background-position pour centrer l'image. En appliquant toutes ces propriétés ensemble, nous créons une image d'arrière-plan qui s'adapte parfaitement, offrant un résultat professionnel et esthétiquement plaisant.

Voir plus

Questions - réponses

Quel est le rôle de la propriété background-color en CSS ?
La propriété background-color en CSS permet de définir une couleur de fond pour un élément HTML.
Comment empêcher une image de fond de se répéter en CSS ?
Pour empêcher une image de fond de se répéter, on utilise la propriété background-repeat avec la valeur no-repeat.
Quelle propriété utilise-t-on pour ajuster la taille de l'image de fond en CSS ?
La propriété background-size est utilisée pour ajuster la taille de l'image de fond. La valeur cover permet de couvrir toute la fenêtre du navigateur.
1 commentaire
1,0
1 vote
5
4
3
2
1
eve.bertieaux
Il y a 2 years
Commentaire
C'est vraiment dommage que lors de la démonstration HTML et CSS soient mélangés, je ne sais plus à un moment donné si c'est dans l'un ou l'autre, du coup je n'ai pas le résultat attendu