Construire un site web

À propos des unités de mesure

Le cadratin (em)

Le cadratin, en typographie, est une unité de mesure de longueur des espaces. Sa traduction anglaise em (de la lettre M) est utilisée comme symbole de l’unité.

  1. Wikipédia : l’article Cadratin.

Le pixel (px)

Le pixel est souvent abrégé p ou px. Il est l’unité de base permettant de mesurer la définition d’une image numérique matricielle. Son nom provient de la locution anglaise picture element, qui signifie « élément d’image ».

  1. Wikipédia : l’article Pixel.

Le pourcentage (%)

Le pourcentage d’une partie d’un ensemble, ou d’un système physique, est le rapport d’une mesure (effectif ou grandeur extensive) de cette partie à la mesure correspondante de l’ensemble total (ou du système physique), exprimé sous la forme d’une fraction de cent.
Le pourcentage est donc un nombre sans dimension (un nombre pur), mais pour en rappeler l’origine on le fait généralement suivre du signe « % », ou parfois de « /100 », de « pour cent » ou de l’abréviation « p.c. ».

  1. Wikipédia : l’article Pourcentage.

Les unités de mesure

Tableaux récapitulatifs

Les unités absolues
Unités Symboles
Le centimètre cm
Le pouce (en anglais « inch ») correspondant à 2,54 cm in
Le millimètre mm
Le point. Correspond à un soixante-douxième d’inch. pt
Le pica (correspondant à 12 pt) pc
Les unités relatives
Unités Symboles
Le cadratin ou em :
unité relative à la taille de police de l’élément.
Un em équivaut à 100 % de cette taille.
Seule exception à cette règle : lorsque la propriété font-size est définie, elle se rapporte à la taille de la police de l’élément parent.		 em
L’x-height ou ex :
unité relative à la hauteur de la minuscule de l’élément.
Seule exception à cette règle : lorsque la propriété font-size est définie, elle se rapporte à la hauteur de la minuscule de l’élément parent.		 ex
Le pixel.
Il s’agit d’une unité dont le rendu dépend de la résolution du périphérique d’affichage		 px
Le pourcentage est une unité relative à la taille de l’élément ou de son parent. %
  1. CSS faciles : l’article Les unités CSS.
  2. W3C | Feuilles de style pour le Web Trucs & astuces CSS : l’article em, px, pt, cm, in….