Présentation du fond d'écran en CSS

Le CSS en deux mots

L'interet du CSS

Le principal interet du CSS est la réutilisation d'une mise en page ainsi que sa mise à jour. Le CSS permet aussi une plus grande latitude dans la mise en page avec des fonctionalités non disponible en HTML.

Dans les fonctionalités de mise en page géré par le CSS, il y a les images de fond (BackGround).

Le CSS et les images de fond

Les différentes dénomination de "background" en CSS

background-color

Permet l'affectation d'une couleur unie en fond d'un élément

<div style="background-color:white;"></div>

<p style="background-color:#66FFFF"></p>

background-image

Permet l'affectation d'une image en fond de l'élément

<div style="background-image:url(004_neige.jpg);"></div>

<p style="background-image:url(004_neige.jpg);"></p>

background-repeat

Permet de savoir lors de l'utilisation d'une image comme fond, si elle doit être répété ou non et dans quelle sens (répétition horizontal ou vertical)

background-repeat:repeat-x;

Répétition horizontal (utilisé pour le bando d'entête de la page)

Présentation du fond d'écran en CSS

background-repeat:repeat-y;

Répétiton vertical

Présentation du fond d'écran en CSS

background-repeat:repeat;

Répétiton dans les 2 sens (Valeur utilisé généralement par défaut par les navigateurs)

Présentation du fond d'écran en CSS

background-repeat:no-repeat;

Pas de répétition

Présentation du fond d'écran en CSS

background-attachment

Cela permet de géré le comportement de l'image lors du defilement de la page

background-attachment:fixed;

Permet à l'image de fond d'être fixé à l'écran et de ne pas bouger avec le scrolling. (Exemple: le fond de la page)

background-attachment:scroll;

L'image de fond bouge en même temps que l'élément. C'est la valeur utilisé par defaut en général.