TUTORIAUX CSS

Insérér une image en arrière-plan dans un fichier CSS

Copiez l' image ci-dessous à la racine de votre site.


Insérer ce code dans le fichier CSS :

body
{
background-image: url("img2.gif");
}

Voir le résultat

Vous pouvez insérer également une photo et si vous ne souhaîtez pas que votre image se répète, il vous suffit d'insérer la syntaxe suivante:
background-repeat: no-repeat;

Modifier la taille, la couleur, la police d'un texte dans un fichier CSS

Il est interessant de dissocier vos blocs de texte afin de démarquer vos titres, sous-titres.
Par exemple:

MON TITRE

Mon sous-titre

Dans mon fichier essai.html, vous allez donc placer les balises

<H1>MON TITRE</H1>

<H2>Mon sous-titre </H2>

et dans le fichier CSS, vous allez pouvoir indiquer pour chaque la police souhaitée, la taille, la
couleur...

H1
{
color: #e19a00;
font-size: 11px;
font style: bold;
font-family: verdana;
}


H2
{
color: #cc0000;
font-size: 11px;
font-style: bold;
font-family: verdana;
}

Vous ne souhaitez pas que vos liens soient soulignés:
a:link
{
text-decoration:none
}

A vous de tester maintenant ...

Vous avez donc vu pour le moment la syntaxe de base. De prochains tutoriaux nous permettrons d'approfondir vos connaissances.