Como especificar Tamanho com unidades de medida relativos de 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 estes 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-small

pequeno

médio

grande

x-large

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 esse tamanho predefinido. O tamanho médio é o tamanho padrão do texto do parágrafo na sua página.

Percentual (%)

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 uma metade da fonte do tamanho que apareceria normalmente e 200% para torná-lo duas vezes o tamanho normal. Use o símbolo% para indicar porcentagem, como mostrado aqui:

p {font-size: 150% -}

As percentagens baseiam-se no tamanho do padrão de texto comum, para que uma etiqueta de 100% é o mesmo tamanho como texto num ponto comum.

Em (em)

Na composição tradicional, a in é uma unidade de medida equivalente à largura do # 147 m # 148- personagem em que a fonte. No uso da web real, é 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.

p {font-size: 1.5em-}

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

  • 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 alguns momentos em que 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 na 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 um tamanho da fonte atribuir a um elemento. Use medição relativa, se possível.

Semelhante

menu