Support de cours - Lita

Unités absolues Les unités absolues sont plutôt à réserver pour les médias d’impression
(media="print") : cm, mm (ou encore in, pt, pc). On ne les utilisera donc pas
ici.
Unités relatives Pour l’affichage à l’écran, des unités relatives sont préférées. L’unité
relative couramment utilisée est le pixel (picture element), notée px. Il s’agit en fait d’un
point de l’écran. La taille des images est souvent donnée en pixels. Cette unité permet
de placer suffisamment précisément des éléments sur une page Html, notamment des
images les unes par rapport aux autres.
Par exemple pour une galerie photo, les miniatures ont toute la même hauteur :
img.mini {
}
height: 120px;
Remarque : Cette longueur est relative car la dimension réelle d’un pixel (p. ex. en
pouces) dépend de l’écran : certains affichent 72 pixels par pouce, d’autres 96, etc.
L’unité em fait référence à la taille du texte. Par exemple si le texte est de taille 12px,
alors 1em vaut 12px, 2em vaut 24px, etc.
Par exemple, on veut que les éléments d’une liste soient décalés d’environ quatre
caractères :
li {
}
margin-left: 4em;
Pour terminer il existe aussi des valeurs pour les longueurs qui sont en fait fonction
d’une valeur courante. Par exemple, on veut agrandir certains paragraphes importants :
p.important {
}
font-size: larger;
Les valeurs et unités possibles pour une propriété de longueur dépendent de ce
qu’accepte la propriété elle-même. Il faut pour cela bien consulter les définitions des
propriétés Css que l’on souhaite utiliser.
2.3 Les polices de caractères
Citons quelques propriétés usuelles des polices de caractères (fonts).
font-family définit la police à utiliser. Comme valeur, il existe des familles prédéfinies
serif, sans-serif, monospace, ou bien le nom d’une police présente sur l’ordinateur
(à placer entre guillemets anglaises).
Il est possible de spécifier un ordre de préférence : si la première police n’est pas
trouvée, alors c’est la suivante qui est essayée. Il suffit de séparer les valeurs par
des virgules. Par exemple :
26