Le texte et le CSS

Dans ce tutoriel, nous allons apprendre à gérer la police, la taille et comment mettre en gras, italique...
Voici une page css avec quelque instructions nouvelles :

Voici ce que nous avons fait :
font-size: sert à donner la taille du texte, il y a divers arguments:
xx-small => minuscule
x-small => très petit
small => petit
medium => moyen
large => grand
x-large => très grand
xx-large => géant
Et voilà.
Ben, y en a pas des tonnes de taille...
Ah mais on peut aussi faire comme ça :

Ecrire en em... C'est une mesure. Quand vous mettez 1em, ce sera de taille normale, si vous mettez moins que 1 ce sera plus petit
et supérieur à 1 ce sera évidemment plus grand.
Nous allons maintenant nous intéresser à font-family. C'est instructions sert à régler la police ou la taille, voici les polices basiques :
- Times New Roman
- Comic Sans MS
- Arial
- Arial Black
- Verdana
Maintenant les tailles de police :
- sans-serif
- serif

Gras, Italique

Pour mettre en gras, on va généralement se servir de <strong>.
Mais non !
Il ne faut pas car la balise <strong>, l'ordi va mettre le texte en importance, donc en gras. Mais pas forcémment :
En effet, dans certain navigateur, cela ne marchera pas. Donc on va se servir de font-weight: bold;.
On va faire un petit test :

Voici le résultat obtenu.
Waouh, ça marche !!!
On peut quand même utiliser <strong> mais il est préférable d'utiliser font-weight, souvenez-vous en.
Maintenant, passons à l'italique. Pareil que pour <strong>, il y a la balise <em> pour mettre en italque, mais on va
plutôt utiliser font-style: italic;. On peut aussi souligner, surligner et mettre une ligne en dessus d'un texte avec l'instruction text-decoration. Avec tout ça, passons à la pratique.
On va créer un mini site qui mettra en avant tout cela.
page1.html:

style.css :

Le résultat.
Oui mais c'est dommage qu'on puisse mettre qu'un style par balise .
Et bien non, vous pouvez en effet mettre un style a une chose précise en utilisant <span>. Voici le fonctionnement :

En utilisant cette balise, vous avez sûrement dû voir dans mes autres chapitres qu'il y avait parfois quelque mot entouré de noir et écrit en gris,
Et bien c'est grâce à cette balise. Mais regardez la page css :

Voilà comment ça fonctionne, vous mettez un point devant le nom de votre classe et vous mettez les instructions qui vous plaît.
Il est aussi possible de mettre une classe à la balise <h1>, ou encore <p> (pour le paragraphe, le chargement va être extrême par contre) puis pas mal d'autre balise.
Bon et bien, je vous ai tout dit, on se retrouve au question.