Les feuilles de style CSS fonctionnent un peu comme les feuilles de style dans Word.
C´est à dire qu´on définit par exemple que le texte courant de la page sera en arial, corps 9, couleur noire, italique et gras. On nomme " textecourant" comme étant la feuille de style qui veux dire tout ça. Ensuite, en appliquant simplement la feuille de style, le texte prendra tous ces attributs.
Il existe les CSS intra-ligne ( pour un tag) :
Directement à côté de la balise.
< H1 style="font-family:Arial; font-style:italic">blabla</H1>
Les CSS globales ( pour une page) :
Définies entièrement dans le HEAD.
< HTML>
< HEAD>
< STYLE type="text/css">
< !--H1 { color: green }-->
< /STYLE>
< /HEAD>
Les CSS importées ( pour un groupe de pages) :
D´abord on crée un fichier en " .css" qui contiendra toutes les feuilles de style et qui s´appelle par exemple " styles.css".
Puis dans le HEAD de ton document :
< HTML>
< HEAD>
< LINK rel=stylesheet type="text/css" href="styles.css">
< /HEAD>
Ensuite, pour appliquer une feuille de style à du texte par exemple, il suffit d´ajouter le nom de la classe à la balise :
< balise class=nom_de_classe>blabla</balise>
par exemple :
< P class=toto>blablabla</P>
Il existe aussi les pseudo classes pour par exemple les lien ( balise A) ou vous pourrez définir plusieurs états :
a:link = lien normal
a:visited = après le clic
a:active = pendant le clic
a:hover = au survol de la souris
L´avantage des feuilles de style c´est qu´elles rendent le code moins fouillis, on peut avoir une mise en forme identique tout au long d´un site, on peut placer le texte au pixel près grâce aux nombreuses propriétés de style.
Quand on crée un site entièrement, on fait le cahier des charges, et la charte typographique. Et avec cette charte, on fait notre fichier . css qui sera utilisé sur tout le site pour que la mise en forme soit homogène.
