-
CSS - Fundamentos Básicos
-
Lecture 1CSS – Tutorial
-
Lecture 2CSS – Introdução
-
Lecture 3CSS – Sintaxe
-
Lecture 4CSS – Unidades de medida
-
Lecture 5CSS – Cores
-
Lecture 6CSS – Backgrounds
-
Lecture 7CSS – Fonts
-
Lecture 8CSS – Text
-
Lecture 9CSS – Usando imagens
-
Lecture 10CSS – Links
-
Lecture 11CSS – Tabelas
-
Lecture 12CSS – Bordas
-
Lecture 13CSS – Listas
-
Lecture 14CSS – Margins
-
Lecture 15CSS – Paddings
-
Lecture 16CSS – Cursores
-
Lecture 17CSS – barras de rolagem
-
Lecture 18CSS – Dimensão
-
Lecture 19CSS – Outlines
-
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;} |
Anterior
CSS – Sintaxe
Próximo
CSS – Cores