Como especificar o tamanho com unidades de medida absolutos para html5 e css3 programação

Video: CSS FlexBox Essentials

Muitas vezes, você precisa especificar o tamanho de algo em CSS3. Claro, 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.

Video: Responsive Animated Image Grid HTML5 CSS3 | XO PIXEL

medições absolutas tentar descrever um determinado tamanho, como no mundo real. medições relativas são sobre as alterações algum valor padrão. Geralmente, os desenvolvedores web estão se movendo em direção a medição relativa para 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 de especificar um tamanho de 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 {fonte de tamanho: 20 p;}

medidas 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 o conhecimento completo de como a impressora está configurada. Se for esse o caso, você é melhor fora de usar uma ferramenta de layout orientada a impressão (como um processador de texto) em vez de HTML.