Le CSS, c’est quoi ?

Le CSS1 est utilisé pour styliser les pages web. Il peut utiliser des variables et conditions.

css
1
2
3

element {
    attribut: valeur;
}

Ordre d’applications

Les attributs utilise un ordre, par exemple font-family, font-style…

Le Cascading explique comment le CSS est appliqué.

Cascade

css
1
2
3
4
5
6
7
8

/* Je sélectionne l'élément paragraphe */
p {
    color: red; /* Les couleurs peuvent être écrites en RGB / Hex ou utilisant des noms pour les plus communs */
}
/* Je redéfinie la couleur */
p {
    color: green;
}

ID et class

Les id et class sont utilisés pour différenciés des élements spécifique.

css
1
2
3
4
5
6
7

p#souligne {
    text-decoration: underline;
}
p.important {
    color: red;
    font-weight: bolder;
}
Important

La class et le id sont différents !

L’id doit être unique dans la page (barre de navigation, titre du site, footer…) alors qu’une class peut être utilisé plusieurs fois.

  1. Cascading Style Sheet ↩︎