CSS font-size: pt, px eller em? Hvilke enheder at bruge?

I princippet kan vi sige, at hver enhed i CSS har gjort en præcis påtænkte anvendelse:

pt

Punkter (pt) er den måleenhed, der bruges i grafiske processer og software (fx Microsoft Word) til oprettelse af printbare dokumenter. De printere, i virkeligheden ikke "grund" i pixels, men i punkter. Hvis vi sender et print formateret tekst, i pixels, vil printeren selv at konvertere pixel til point. Hvis du er ved at forberede et stilark til udskrivning, så forslaget er at bruge pt at få et mere præcist resultat.

px

Pixel (px) er naturligvis den "enhed af skærmen eller, mere generelt, viser displayet (den opløsning, som er det antal pixel af vandrette og lodrette linje).

em

Den 'em, i modsætning til pt og px er en "måleenhed (dvs. ikke fast). For at bruge denne enhed er defineret i selve dokumentet, som standard skriftstørrelse ved hjælp af pixels. Derefter bruger em, du definere de enkelte elementer på siden.
Den måleenhed, defineres således (i "em") vil være på den standard skriftstørrelse. I det væsentlige er em en slags multiplikator standardstørrelse. For eksempel: hvis standard skriftstørrelse er 10 pixels, med et afsnit

 



 font-size: 1,5 em

 

vil i praksis, en skrifttype på 15 pixels på grundlag af denne simple beregning:

 



 * 1,5 = 10px 15px