Noções básicas de 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.
medidas relativas tornar possível que 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.
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.
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 browser vai entender, juntamente com uma descrição do que a medição:
Símbolo | Medição | Digitar | Descrição |
---|---|---|---|
% | Por cento | Relativo | A percentagem de um determinado elemento. Por exemplo, um TableColumn pode consumir uma percentagem do espaço alocado para a largura da mesa theentire. |
dentro | Polegada | Absoluto | O número de ecrã ou impressas polegadas para usar para exibir anelement. O número de pixels de uma polegada varia de acordo com a configuração do dispositivo deviceand. |
cm | Centímetro | Absoluto | O número de ecrã ou impressas centímetros usar para elemento displayan. O número de pixels em um centímetro varia accordingto configuração de dispositivos e dispositivo. |
milímetros | Milímetro | Absoluto | O número de ecrã ou impressas milímetros usar para elemento displayan. O número de pixels em um milímetro varia accordingto configuração de dispositivos e dispositivo. |
em | em | Relativo | Um em é calculado com base no tamanho da fonte atual. O DefaultSize para a maioria dos navegadores de desktop é de 16 px = 1 in. No entanto, someonemight configurar o navegador para utilizar um DefaultFont menor ou maior. |
ex | Ex | Relativo | A contrapartida para o eles, o ex é o computadorizada x-altura de afont, ao invés de toda a altura da fonte. Caso contrário EXS workthe mesmo que ems. |
pt | Ponto | Absoluto | Cada ponto é aproximadamente 1/72 polegadas. |
pc | Pica | Absoluto | Cada pica é igual a doze pontos. |
px | Pixel | Relativo | Especifica um ponto indivíduo na tela. Esta é uma relativemeasurement porque leva em conta as ofpixels variáveis de números utilizadas por cada dispositivo através de uma medição específica (normalmente aninch ou centímetro). Muitos desenvolvedores usam pixels quando o controle goodpresentation é necessário, mas alguma flexibilidade na adaptação toa plataforma específica é desejada. |