CSS suporta múltiplas unidades de comprimento. Eles podem ser divididos em duas categorias principais: unidades de comprimento absoluto (definindo o comprimento em dimensões absolutas independentes das unidades de comprimento relativo (definindo o comprimento em relação a outras unidades conhecidas pelo navegador);
As medidas de comprimento absoluto podem ser medidas em cinco unidades: polegadas (pol), centímetros (cm), milímetros (mm), pontos (ponto, escrito como pt) e altura do caractere (pica, escrito como pc). A altura do ponto e do tipo são comumente usados como unidades tipográficas, onde 1pica=12pt. CSS define 1pica como 1/72in, ou seja, 72pica=1in. Essa também é a definição usada pela linguagem postscript da Adobe, comumente usada por impressoras de alta qualidade.
CSS também suporta comprimentos "absolutos" em pixels - pixels são um ponto na tela de um computador. No entanto, devido às diferenças na densidade de pixels e na escolha da resolução de exibição do usuário (a mesma tela pode suportar uma resolução de 640*480 ou uma resolução de 1024*768), o tamanho absoluto dos pixels irá variar em diferentes monitores. . Assim, o comprimento em pixels depende da exibição. A vantagem de usar pixels como unidades de exibição de computador é que os pixels são unidades estritamente definidas. No entanto, as unidades de pixel podem causar problemas na impressão de documentos da web.
Unidades de comprimento absoluto, como polegadas e centímetros, são muito úteis no layout de impressão porque fornecem o posicionamento absoluto necessário para organizar um documento em um papel de tamanho fixo. É por esta razão que o comprimento absoluto não deve ser usado em documentos de exibição eletrônica. Isso ocorre porque a exibição será diferente entre telas diagonais de 6 polegadas * 4 polegadas e 21 polegadas, e não há garantia de que o navegador exibirá o mesmo comprimento em um determinado comprimento. exibição. Os documentos podem ser exibidos usando uma área de janela fixa (o tamanho da janela pode ser selecionado pelo usuário). Levando em conta essas diferenças, é apropriado utilizar unidades que se ajustem automaticamente ao tamanho da área de exibição ou ao tamanho da fonte do texto. Felizmente, existem três unidades de comprimento CSS que permitem esse comportamento.
As medidas de comprimento relativo podem vir em três formas: unidades em, unidades ex e porcentagem. As unidades em e ex definem o comprimento relativo ao tamanho da fonte. A unidade em define o comprimento relativo ao tamanho real da fonte: portanto, se o tamanho da fonte atual for 12pt, então 1,5em = 18pt. Em contraste, as unidades ex definem o comprimento em relação à altura x da fonte: isto é, em relação à altura da letra "x" na fonte atual. Desta forma, o tamanho ex de uma unidade depende tanto do tamanho da fonte quanto do tipo de família de fontes, uma vez que a altura x real em um determinado tamanho de ponto variará de família de fonte para família de fonte.
Atualmente, as unidades em são mais confiáveis do que as unidades ex: para melhor compatibilidade entre diferentes navegadores, é melhor usar unidades em. Mas esteja ciente de que as unidades em e ex podem causar problemas de impressão.
A unidade percentual é a terceira unidade relativa. Esta unidade define o comprimento como uma porcentagem do comprimento relativo. De acordo com a especificação CSS, o comprimento relevante é o tamanho da fonte da unidade pai ou a largura da unidade de formato pai - cada caso irá variar dependendo das características da pergunta. Há uma ressalva extremamente importante: os navegadores existentes não calculam valores percentuais relativos à largura da célula e, portanto, não implementam comprimentos percentuais corretamente. Em vez disso, todos os navegadores calculam o comprimento percentual independente da fonte como uma porcentagem da largura total da janela do navegador.
O formato do valor do comprimento consiste em um sinal ('+' ou '-', o padrão é '+') seguido por um número e, em seguida, um identificador de unidade (uma abreviatura de dois caracteres). Existem duas formas de unidades de comprimento: unidades relativas e absolutas. As folhas de estilo usam unidades relativas para facilitar o controle da escala de uma mídia para outra (como de um computador para uma impressora a laser). Unidades percentuais e valores-chave (como 'ex-grande') têm as mesmas vantagens. do seguinte modo:
H1 {margem: 0,5em} altura da fonte do elemento
H1 { margin: 1ex } A altura da letra 'x'
em unidades de pixel em relação à resolução gráfica da tela. Se a densidade de pixels do dispositivo de saída diferir significativamente de uma tela de computador padrão, o usuário redimensionará os valores de pixel. O valor de pixel recomendado é 90 dpi à distância de um braço do leitor. Os elementos filhos herdam o valor do resultado calculado em vez do valor relativo, como:
BODY {
tamanho da fonte: 12pt;
recuo do texto: 3em;
}
H1 { font-size: 15pt }
No exemplo acima, o valor 'text-indent' de 'H1' é 36pt, não 45pt.
==================================
tag em--tag de ênfase
* tags em aparecem em pares, com <em >Comece com</em>
* Propriedades:
* Comum – propriedades gerais
* em é a abreviatura de ênfase