Tamanho da Fonte| Sintaxe CSS | font-size | | Valores possíveis | tamanho-absoluto,tamanho-relativo,largura,porcentagem | | Valor inicial | medium | | Aplicado para | todos os elementos |
INSTRUÇÕES DE ESTILO
Relativo
.pequeno { font-size: 8pt; }
.medio { font-size: 14pt; }
.grande { font-size: 18pt; }
Absoluto
.xxsmall { font-size: xxsmall; }
.xsmall { font-size: x-small; }
.small { font-size: small; }
.medium { font-size: medium; }
.large { font-size: large; }
.x-large { font-size: x-large; }
.xx-large { font-size: xx-large; }
DOCUMENTO HTML
<SPAN CLASS= "pequeno ">8 pontos</SPAN>
<SPAN CLASS= "medio ">14 pontos</SPAN>
<SPAN CLASS= "grande ">18 pontos</SPAN>
<P>
<SPAN CLASS= "xxsmall ">xx-small</SPAN>
<SPAN CLASS= "medium ">x-small</SPAN>
<SPAN CLASS= "large ">small</SPAN>
<SPAN CLASS= "x-large ">medium</SPAN>
<SPAN CLASS= "xx-large ">large</SPAN>
<SPAN CLASS= "xx-large ">x-large</SPAN>
<SPAN CLASS= "xx-large ">xx-large</SPAN>
EXIBIÇÃO NO NAVEGADOR
8 pontos 14 pontos 18 pontos
xx-small x-small small medium large x-large xx-large Estilo da Fonte| Sintaxe CSS | font-style | | Valores possíveis | normal, italic | | Valor inicial | normal | | Aplicado para | todos os elementos |
INSTRUÇÕES DE ESTILO
P.normal { font-style: normal }
P.italica { font-style: italic }
DOCUMENTO HTML
<P CLASS= "normal ">Este parágrafo não está em itálico</P>
<P CLASS= "italica ">Este parágrafo está em itálico</P>
EXIBIÇÃO NO NAVEGADOR
Este parágrafo não está em itálico
Este parágrafo está em itálico Consistência da Fonte| Sintaxe CSS | font-weight | | Valores possíveis | normal, bold, bolder, lighter, 100-900 | | Valor inicial | normal | | Aplicado para | todos os elementos |
INSTRUÇÕES DE ESTILO
P.normal { font-weight: normal; }
P.bold { font-weight: bold; }
P.fraca { font-weight: 100; }
P.forte { font-weight: 900; }
DOCUMENTO HTML
<P CLASS= "normal ">Exemplo da consistência da fonte</P>
<P CLASS= "bold ">Exemplo da consistência da fonte</P>
<P CLASS= "fraca ">Exemplo da consistência da fonte</P>
<P CLASS= "forte ">Exemplo da consistência da fonte</P>
EXIBIÇÃO NO NAVEGADOR
Exemplo da consistência da fonte
Exemplo da consistência da fonte
Exemplo da consistência da fonte
Exemplo da consistência da fonte |
