Como especificar Tamanho com Absolute unidades de medida para HTML5 e CSS3 Programação

Muitas vezes, você precisa especificar o tamanho de algo em CSS3. Naturalmente, o tamanho da fonte é um desses casos. Os diferentes tipos de medição têm implicações diferentes. É importante saber que existem dois tipos distintos de unidades em CSS.

medidas absolutas tenta descrever um tamanho particular, tal como no mundo real. medidas relativas são sobre alterações em algum valor padrão. Geralmente, os desenvolvedores web estão se movendo em direção a medição relativa de tamanhos de fonte.

Pontos (pt)

Em processamento de texto, você provavelmente está familiarizado com pontos como uma medida do tamanho da fonte. Você pode usar a abreviatura pt para indicar que você está medindo em pontos, por exemplo:

p {font-size: 12pt-}

Infelizmente, os pontos não são uma unidade eficaz de medida para páginas da web. Os pontos são uma escala absoluta, útil para impressão, mas eles não são confiáveis ​​na web, porque você não sabe o que a resolução da tela do usuário tem. Uma fonte de 12 pontos pode parecer maior ou menor em monitores diferentes.

Em algumas versões do IE, depois que você especificar um tamanho da fonte em pontos, o usuário não poderá mais alterar o tamanho dos caracteres. Isto é inaceitável do ponto de vista de usabilidade. esquemas tamanho relativo evitar este problema.

Pixels (px)

Píxeis referem-se aos pequenos pontos na tela. Você pode especificar um tamanho da fonte em pixels, embora essa não é a forma como ele é normalmente feito. Por um lado, diferentes monitores fazem pixels em tamanhos diferentes. Você não pode realmente ter certeza de quão grande é um pixel será em relação ao tamanho total da tela.

Letras diferentes são diferentes tamanhos, de modo que o tamanho do pixel é uma medida aproximada da largura e altura do personagem média. Use o px abreviatura para medir fontes em pixels:

p {font-size: 20px;}

medições tradicionais (in, cm)

Você também pode usar polegadas (dentro) E centímetros (cm) Para medir fontes, mas isso é completamente impraticável. Imagine que você tem uma página web exibida em ambos sua tela e um sistema de projeção. Uma polegada em seu próprio monitor pode ser parecido com dez polegadas no projetor. unidades de medida da vida real não são significativos para a web.

A única vez que você pode usá-los é se você estará imprimindo alguma coisa e você tem conhecimento completo de como a impressora está configurada. Se for esse o caso, é melhor usar uma ferramenta de layout orientada a impressão (como um processador de texto) em vez de HTML.