CSS font-size: pt, px o em? Que les unitats a utilitzar?

En principi podem dir que cada unitat de CSS ha permès un ús concret que es preveu:

pt

Punts (pt) és la unitat de mesura utilitzada en els processos d'impressió i programari (per exemple, Microsoft Word) per a la creació de documents per imprimir. Les impressores, de fet, no la "raó" en píxels, sinó en punts. Si anem a enviar un text amb format d'impressió, en píxels, la impressora propi per convertir els píxels en punts. Si vostè s'està preparant un full d'estil per a la impressió, el suggeriment és fer servir punts per obtenir un resultat més precís.

px

Píxels (px), per descomptat, de la unitat de seguiment o, més generalment, la pantalla (la resolució que és el nombre de píxels de línia horitzontal i vertical).

em

El 'em, a diferència de punts i píxels és una "unitat de mesura (és a dir, no fixa). Per utilitzar aquesta unitat es defineix en el cos del document, la mida de font per defecte amb píxels. Després, utilitzant em, es defineixen els elements individuals de la pàgina.
La unitat de mesura es defineix de la següent manera (en "em") estarà en la grandària de font per defecte. En essència, l'EM és una espècie de multiplicador de mida per defecte. Per exemple: si la mida de la font per defecte és de 10 píxels, amb un paràgraf

 



 font-size: 1,5 em

 

, En la pràctica, una font de 15 píxels a la base d'aquest càlcul senzill:

 



 * 1,5 = 10px 15px