Mise en forme de texte
En guise d'introduction, il faut remarquer que :
- Toutes les polices de caractères n'existent pas sur tous les ordinateurs.
- Tous les navigateurs ne gèrent pas le rendu des polices de la même façon.
Famille de police
Il existe 5 familles de polices de caractères :
- Serif
- Sans-serif
- Monospace
- Cursive
- Fantasy
Les familles de polices se déclarent à l'aide de l'attribut font-family.
body {
font-family:"times new roman", times, serif;
}
Taille de la police
La taille de du texte se déclarent à l'aide de l'attribut font-family.
On évitera d'utiliser des unités de taille de caractères fixes comme les points (pt), les picas (pc),les centimètres (cm) ou les pixels (px).
Cela empêche de zoomer le texte et on leur préférera des unités de taille de police comme les em ou les %.
body {
font-family:"times new roman", times, serif;
font-size : 90%;
}
Couleur du texte
La couleur du texte se déclarent à l'aide de l'attribut color.
Il peut être déclaré soit avec son code hexadécimal, soit avec une propriété déjà défini; (auto-complétion.
body {
font-family:"times new roman", times, serif;
font-size : 90%;
color:#000000; /* Code Hexa du noir */
}
#foot {
color: black;
}
Autres attributs
On modifie un texte en italique ou non avec l'attribut font-style :
font-style: normal | italic
On modifie un texte en gras ou non avec l'attribut font-weight :
font-weight: normal | bold
On modifie un texte en petite capital ou non avec l'attribut font-variant :
font-variant: normal | small-caps
On modifie l'alignement horizontale du texte avec l'attribut text-align :
text-align: left | right | center | justify
On modifie l'apparence du texte avec l'attribut text-decoration :
text-decoration: none | underline | overline | line-through | blink
On modifie la mise en forme du texte avec l'attribut text-transform :
text-transform: none | capitalize | uppercase | lowercase
On modifie la hauteur de ligne avec l'attribut line-height :
line-height: normal | nombre | %