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.
Conteúdo
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ímbolo | Medição | Tipo | Descrição |
---|---|---|---|
% | Por cento | Relativo | A 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. |
dentro | Polegada | Absoluto | O 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. |
cm | Centímetro | Absoluto | O 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ímetros | Milímetro | Absoluto | O 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. |
em | em | Relativo | Um 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. |
ex | Ex | Relativo | A 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. |
pt | Ponto | Absoluto | Cada ponto é de cerca de 1/72 polegadas. |
pc | Pica | Absoluto | Cada pica é igual a doze pontos. |
px | Pixel | Relativo | Especifica 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. |