Textos (fontes)
CSS - Style Sheet
Professor: Jolvani
Aula 13
Textos (fontes) - CSS


Estilização de fontes



Para definir uma fonte:
Textos (fontes) - CSS


Pode-se definir uma família de fontes:



Declaramos varias fontes e a ultima delas é genérica

...
Textos (fontes) - CSS



Com essa declaração, Primeiro será verificado a existência da fonte
“lucida grande” depois “luci...
Textos (fontes) - CSS


Diferença entre sans-serif e serif




Traços de acabamento

Definir estilo de para fonte: font...
Textos (fontes) - CSS


Tonalidade da fonte: font-weight: (bold, lighter, e valores de 100 a 900)



Transforma letras M...
Textos (fontes) - CSS


Podemos abreviar nossa estilização.... Usando apenas font:



Composta por:


Font-style



Fo...
Textos (Espaçamento e
Alinhamento)
CSS - Style Sheet
Professor: Jolvani
Aula 14
Textos (Espaçamentos e Alinhamentos) - CSS


Espaçamentos entre as letras: usa-se o atributo letter-spacing:



Espaçame...
Textos (Espaçamentos e Alinhamentos) - CSS


A propriedade line-heigth pode receber número:



Ou porcentagem (%), quand...
Textos (Espaçamentos e Alinhamentos) - CSS


Alinhamentos: text-align -> left, center, right, justify;



“Identando” o ...
Textos (Decoração)
CSS - Style Sheet
Professor: Jolvani
Aula 15
Textos (Decoração) - CSS


Decoração do texto: text-decoration -> underline (sublinhado), overline
(uma linha acima), lin...
Textos (Decoração) - CSS


Caixa baixa: text-transform: lowercase;
Próxima Aula: Background
Próximos SlideShares
Carregando em…5
×

Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)

416 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
416
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
11
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)

  1. 1. Textos (fontes) CSS - Style Sheet Professor: Jolvani Aula 13
  2. 2. Textos (fontes) - CSS  Estilização de fontes  Para definir uma fonte:
  3. 3. Textos (fontes) - CSS  Pode-se definir uma família de fontes:  Declaramos varias fontes e a ultima delas é genérica  Temos dois tipos de fontes: Seguras e Genéricas.  Seguras: são encontradas em praticamente todos os SOs.  São 9 fontes....
  4. 4. Textos (fontes) - CSS  Com essa declaração, Primeiro será verificado a existência da fonte “lucida grande” depois “lucida sans” e assim por diante  A ordem das declarações indicam qual a fonte que será apresentada por primeiro... E por fim a fonte genérica (sans-serif).  O W3C define 5 fontes genéricas se as outras falharem a fonte genérica deverá funcionar.
  5. 5. Textos (fontes) - CSS  Diferença entre sans-serif e serif   Traços de acabamento Definir estilo de para fonte: font-style:  Normal: normal;  Itálico: italic;  Oblíquo: oblique;  Valor herdado: inherit;
  6. 6. Textos (fontes) - CSS  Tonalidade da fonte: font-weight: (bold, lighter, e valores de 100 a 900)  Transforma letras Minúscula em maiúscula (só que um pouco menor que as leras maiúsculas originais): font-variant:small-caps.  Tamanho do texto: font-size: 20px;
  7. 7. Textos (fontes) - CSS  Podemos abreviar nossa estilização.... Usando apenas font:  Composta por:  Font-style  Font-weight  Font-variant  Font-size  Font-family
  8. 8. Textos (Espaçamento e Alinhamento) CSS - Style Sheet Professor: Jolvani Aula 14
  9. 9. Textos (Espaçamentos e Alinhamentos) - CSS  Espaçamentos entre as letras: usa-se o atributo letter-spacing:  Espaçamento entre palavras: usa-se o atributo word-spacing:  Espaçamento entre as linhas - align-height: controla a altura dos blocos in-line dentro dos elementos em bloco:
  10. 10. Textos (Espaçamentos e Alinhamentos) - CSS  A propriedade line-heigth pode receber número:  Ou porcentagem (%), quando usamos número, o valor (2) é multiplicado pelo tamanho da fonte, na porcentagem é em relação ao valor do tamanho da fonte também.  Manipulação com vertical-align: Primeiro marcamos nosso texto...  Valores: vertical-align:sup; -> text-top; text-botton.  Dependendo da fonte sua alteração será maior ou menor...
  11. 11. Textos (Espaçamentos e Alinhamentos) - CSS  Alinhamentos: text-align -> left, center, right, justify;  “Identando” o texo -> “Indentação” no texto: text-indent: Recebe valores negativos.
  12. 12. Textos (Decoração) CSS - Style Sheet Professor: Jolvani Aula 15
  13. 13. Textos (Decoração) - CSS  Decoração do texto: text-decoration -> underline (sublinhado), overline (uma linha acima), line-through (linha cortando o texto), blink (piscando);  Podemos ainda usar mais de um valor:  Efeitos de capitalização: text-transform: capitalize; coloca primeira letra em maiúsculo. Todos em caixa alta: text-transform: uppercase;
  14. 14. Textos (Decoração) - CSS  Caixa baixa: text-transform: lowercase;
  15. 15. Próxima Aula: Background

×