Unidades de medidas en CSS

Siempre me intrigaba saber las diferentes unidades de medidas que existe en CSS y cuales eran sus proporciones de acuerdo de una a otra, y en CSSLab (un blog en que sigo fielmente y que recomiendo 100%) han publicado una interesante tabla de las medidas con las equivalencias entre 4 unidades de medida.

Puntos	Pixeles	Em	%
6pt	8px	0.5em	50%
7pt	9px	0.55em	55%
7.5pt	10px	0.625em	62.5%
8pt	11px	0.7em	70%
9pt	12px	0.75em	75%
10pt	13px	0.8em	80%
10.5pt	14px	0.875em	87.5%
11pt	15px	0.95em	95%
12pt	16px	1em	100%
13pt	17px	1.05em	105%
13.5pt	18px	1.125em	112.5%
14pt	19px	1.2em	120%
14.5pt	20px	1.25em	125%
15pt	21px	1.3em	130%
16pt	22px	1.4em	140%
17pt	23px	1.45em	145%
18pt	24px	1.5em	150%
20pt	26px	1.6em	160%
22pt	29px	1.8em	180%
24pt	32px	2em	200%

Obviamente existen mas unidades de medidas, pero creo que esas son las mas ocupadas. Cabe recordar que el artículo no solo se trata de las equivalencias entre unidades de medida, sino además sus diferencias, que beneficios tienen ocupar ciertas medidas o contras, etc y etc.

Enlace: CSSLab – Medidas en CSS

.

Ver Videos – Te Verde – Imagenes para hi5 – 3GP