Básico das unidades de medida css3

Há muitas maneiras de especificar um valor ao trabalhar com CSS3. Por exemplo, você pode simplesmente dizer que o navegador deve usar uma fonte grande (onde médio é o tamanho padrão). Você também pode dizer ao navegador para calcular um tamanho com base na configuração do navegador.

Video: Física Total - Aula 01 - Grandezas Físicas, Notação Padrão e Ordem de Grandeza

medidas relativas torná-lo possível para o navegador para ajustar a apresentação do conteúdo para corresponder ao tamanho do dispositivo de exibi-lo, mas usando medições relativas também significa que o usuário não pode ver o conteúdo como você queria originalmente para apresentá-lo.

Em casos raros, usando medições relativas pode realmente tornar o conteúdo inutilizável porque o navegador não sabe como usar as medidas relativas para apresentar o conteúdo corretamente.

Video: UNIDADES CSS RELATIVAS: %, REM, EM, CH, EX (CSS3)



medições absolutas têm a vantagem de permitir uma colocação precisa do conteúdo na tela e fazendo que o conteúdo de um tamanho específico ou dando o conteúdo de um aspecto exacto. No entanto, usar medidas absolutas somente quando você está certo sobre a configuração do usuário.

Por exemplo, você poderia usar medidas absolutas ao criar um aplicativo que é para uso interno dentro da sua organização e da organização determinou configurações do dispositivo.

Video: Unidades de Medida de Área

Ao criar medidas absolutas, e algumas medidas relativas, você precisa usar uma unidade de medida que o navegador vai entender. Aqui estão as unidades padronizadas de medida que cada navegador vai entender, juntamente com uma descrição do que a medição:

SímboloMediçãoTipoDescrição
%Por centoRelativoA percentagem de um elemento em particular. Por exemplo, uma mesa
coluna pode consumir uma porcentagem do espaço alocado para o
tabela inteira&rsquo-s largura.
dentroPolegadaAbsolutoO número de tela ou impressos polegadas a ser usado para exibir uma
elemento. O número de pixels de uma polegada varia de acordo com o dispositivo
e a configuração do dispositivo.
cmCentímetroAbsolutoO número de tela ou impressos centímetros para usar para exibir
um elemento. O número de pixels num centímetro varia de acordo
para o dispositivo e a configuração do dispositivo.
milímetrosMilímetroAbsolutoO número de tela ou impressos milímetros para usar para exibir
um elemento. O número de pixels num milímetros varia de acordo
para o dispositivo e a configuração do dispositivo.
ememRelativoUm em é calculado com base no tamanho da fonte atual. O padrão
tamanho para a maioria dos navegadores de desktop é 16 px = 1 em. No entanto, alguém
pode configurar o navegador para usar um padrão menor ou maior
Fonte.
exExRelativoA contrapartida para o eles, o ex é o computadorizada x-altura de um
fonte, em vez de toda a altura da fonte. trabalho de outra forma exs
o mesmo que ems.
ptPontoAbsolutoCada ponto é de cerca de 1/72 polegadas.
pcPicaAbsolutoCada pica é igual a doze pontos.
pxPixelRelativoEspecifica um ponto indivíduo na tela. Este é um parente
medição porque leva em conta o número variável de
pixels utilizados por cada dispositivo de medição ao longo de um determinado (normalmente um
polegadas ou centímetros). Muitos desenvolvedores usam pixels quando o bom
controle da apresentação é necessária, mas alguma flexibilidade na adaptação às
uma plataforma particular, é desejada.

Publicações relacionadas