Bem-vindo ao site John Pires!

CSS – Fundamentos Básicos

Início/Curso/CSS – Fundamentos Básicos

CSS – Fundamentos Básicos

CSS – Unidades de medida




Antes de iniciarmos o exercício real, gostaríamos de dar uma breve ideia sobre as unidades de medição CSS. CSS oferece suporte a várias medidas, incluindo unidades absolutas, como polegadas, centímetros, pontos e assim por diante, bem como medidas relativas, como porcentagens e unidades em. Você precisa desses valores ao especificar várias medidas em suas regras de estilo, por exemplo, border=”1px red solid”.

Listamos todas as unidades de medição CSS, juntamente com os exemplos adequados:

Unit Description Example
% Define uma medida como uma porcentagem em relação a outro valor, normalmente um elemento envolvente. p {font-size: 16pt; line-height: 125%;}
cm Define uma medida em centímetros. div {margin-bottom: 2cm;}
em Uma medida relativa da altura de uma fonte em espaços eme. Como uma unidade em é equivalente ao tamanho de uma determinada fonte,

se você atribuir uma fonte a 12pt, cada unidade “em” terá 12pt; assim, 2em seria 24pt.

 p {letter-spacing: 7em;}
ex Este valor define uma medida relativa à altura x de uma fonte. A altura x é determinada pela altura da letra x minúscula da fonte. p {font-size: 24pt; line-height: 3ex;}
in Define uma medida em polegadas. p {word-spacing: .15in;}
mm Define uma medida em milímetros. p {word-spacing: 15mm;}
pc Define uma medida em picas. Uma pica equivale a 12 pontos; portanto, existem 6 picas por polegada. p {font-size: 20pc;}
pt Define uma medida em pontos. Um ponto é definido como 1/72 de polegada. body {font-size: 18pt;}
px Define uma medida em pixels da tela. p {padding: 25px;}



Deixe um comentário

Copyright John Pires - Todos os direitos reservados

ENTRAR

Esqueceu a senha

Message modal