Maintenant, on va utiliser tout ce qu'on a apprit dans les chapitres précédant ;)
Votre site va enfin ressembler à un vrai site !
Taille de Text
On l'a entr-apreçut, la propriété pour changer la taille du text est
font-size .
Il existe de nombreuses façons d'indiquer la taille d'un text :
- En pixels : c'est une façon très précise d'indiquer la taille. Elle indique exactement combien de pixels fait le text.
Ex : Je veux que mes paragraphes fassent 20 pixels, j'écrirais :
p
{
font-size: 20px;}
- En
centimètre et millimètre : presque semblable aux pixels, pour changer la taille de mes paragraphes :
p{ font-size: 2cm;}
Ou alors :
p
{
font-size:20mm;
}
- En
valeurs relatives : En écrivant tout simplement "très petit", "petit", "moyen" etc...
Voila les différentes grandeur :
- xx-small : minuscule
- x-small : très petit
- small : petit
- medium : moyen
- large : grand
- x-large : très grand
- xx-large : énorme ^^
Pour le paragraphe j'écrirais :
p{ font-size: large;}Cette méthode est plus recommandé que le pixels car la taille est plus adaptable au configuration naviguateur.
- En
em : c'est une façon relative d'indiquer la taille du text. Un peu difficile à comprendre, mais dans le fond assez simple :
On indique la taille par rapporte à la taille normale. 1em est la taille normale, 1.5em est plus grand, 0.5em plus petit... etc
Attention, il faut mettre un point et non une virgule pour les nombres décimaux : 1.6 et non 1,6 !
h3{ font-size: 2em;}p{ font-size: 1.2em;}- En
pourcentage : cette méthode ressemble beaucoup au
em, mais certainement en plus simple :
100% est la taille normale, et tout y est relatif.
Eh bien, on a du choix ^^
Je vous conseille d'utiliser plutot les 3 dernières méthode car elles sont assez simples et qu'elles s'adaptent au préférences du naviguateur.
La Police
La suite viendra bientot !