CSS font-size: pt, px of em? Welke eenheden te gebruiken?

In principe kunnen we zeggen dat elke unit in CSS heeft een precieze bestemming toegelaten:

pt

Punten (pt) is de maateenheid gebruikt bij het ​​afdrukken processen en software (bijvoorbeeld Microsoft Word) voor het maken van afdrukbare documenten. De printers in feite niet "reden" in pixels, maar in punten. Wanneer we een afdruk opgemaakte tekst, in pixels, zal de printer zelf naar pixels om te zetten in punten. Als u de voorbereiding van een stylesheet voor het afdrukken, dan is de suggestie is om pt te gebruiken om een ​​nauwkeuriger resultaat te krijgen.

px

Pixels (px) zijn natuurlijk, de 'eenheid van de monitor of, meer in het algemeen, het display (de resolutie van dat is het aantal pixels van de horizontale en verticale lijn).

em

De 'em, in tegenstelling tot de pt en px is een' eenheid van maatregel (dus niet vast). Voor het gebruik van dit apparaat is gedefinieerd in de hoofdtekst van het document, de standaard lettergrootte met pixels. Vervolgens, met behulp van em, definieert u de afzonderlijke elementen van de pagina.
De meeteenheid als volgt gedefinieerd (in 'em') zal zijn op het standaard lettertype. In wezen is het em is een soort van multiplier standaard grootte. Bijvoorbeeld: als de standaard lettergrootte is 10 pixels, met een paragraaf

 



 font-size: 1,5 em

 

zal in de praktijk, een lettertype van 15 pixels aan de hand van deze eenvoudige berekening:

 



 * 1,5 = 10px 15px