|<- [[cfn:Color]]|[[cfn:Element positioning]] ->|

====unités de mesure====

===valeurs <length>===

Valeurs absolues ou fixées, et valeurs relatives.

== valeurs absolues ==
  - in:inches
  - cm:centimètres
  - mm:millimètres
  - pt:points
  - pc:picas
==valeurs relatives==
  - em:ems
  - ex:exes
  - px:pixels (tricky)
  - gd:grids (CSS3 pour typographie est-asiatique)
  - rem:root ems
  - vw:viewport width (css3)
  - vh:viewport height (css3)
  - vm:viewport minimum (css3) 
  - ch:character

Pixels : on pourrait les penser comme unités absolues, mais en réalité avec le pixel-ratio, ça ne l'est pas !

Ems : quand utilisé avec font-size, 1em équivaut à la taille par défaut pour le //device//, par ex 16px souvent sur un navigateur sur desktop. Taille basée sur l'élément parent.

/!\ si utilisé sur autre chose que font-size, égal à la taille typo de l'élément, ex :

<code>
selecteur {
  font-size: 2em; // Ici font-size:2em = 2*16px = 32px si taille ref 16px.
  margin-bottom:1em; // = 1*32px ! basé sur le font-size !!
}
</code>

Ex: ex est basé sur le x-height d'une typo. 
Rem: les rems sont commes les ems, mais seront toujours relatifs  au "root unit" (body, html) et non à l'élément parent.

%:calculé sur l'élément parent.