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

medição relativa é uma escolha muito mais sábio do que a medição absoluta em desenvolvimento web HTML5 e CSS3. Você pode usar esses esquemas para mudar os tamanhos em relação ao tamanho padrão.

tamanhos nomeados

CSS tem uma série de nomes de tamanho de fonte construído em:

xx-small

x-pequeno

pequeno

médio

ampla

extra grande

xx-large

Pode incomodá-lo que não há nada mais específico sobre estes tamanhos: Quão grande é grande? Bem, é maior do que a média. Isso soa como uma resposta face, mas é a verdade. O usuário define o tamanho da fonte padrão no navegador, e todos os outros tamanhos de fonte deve ser em relação a este tamanho predefinido. O tamanho médio é o tamanho padrão do texto do parágrafo na sua página.

Percentagem (%)

A unidade de percentagem é uma medida relativa usada para especificar o tipo de letra em relação ao seu tamanho normal. Use 50% para fazer a metade da fonte do tamanho que normalmente aparecem e 200% para torná-lo duas vezes o tamanho normal. Use o símbolo% para indicar porcentagem, conforme mostrado aqui:

p {font-size: 150% -}

As percentagens são com base no tamanho padrão do texto comum, por isso, uma etiqueta de 100% é o mesmo tamanho de texto em um parágrafo normal.

Em (em)

Na composição tradicional, a in é uma unidade de medida equivalente à largura do carácter “m” em que a fonte. Em utilização real web, é realmente outra maneira de especificar o tamanho relativo de uma fonte. Por exemplo, 0,5 ems é metade do tamanho normal, e 3 ems é três vezes o tamanho normal. O termo é usado para especificar esta medida.

Video: Unidades de Medida: Bit, Bytes, Kbps, Mega, GB, MB

p {font-size: 1.5em-}

Aqui estão as melhores estratégias para o tamanho da fonte:

Video: Full Screen Landing Page - Responsive HTML5/CSS3 Tutorial

• Não altere os tamanhos sem uma boa razão. Na maioria das vezes, os tamanhos padrão do navegador são perfeitamente bem, mas pode haver algumas vezes quando você quer ajustar fontes um pouco mais.

• Definir um tamanho total da página. Se você quiser definir um tamanho de fonte para a página inteira, fazê-lo no tag. Use um chamado tamanho, porcentagem, ou ems, para evitar os efeitos colaterais de dimensionamento absoluto. O tamanho definido no corpo é aplicado a cada elemento no corpo automaticamente.

• Modificar quaisquer outros elementos. Você pode querer seus links um pouco maior do que o texto comum, por exemplo. Você pode fazer isso através da aplicação de uma tamanho da fonte atribuir a um elemento. Use medição relativa, se possível.

  Video: Aprendiendo CSS: Cómo funcionan las medidas EM