Return to Video

Estilos de fonte com CSS

  • 0:01 - 0:03
    Vamos ver o que mais podemos
    mudar na fonte.
  • 0:03 - 0:06
    E se quisermos esse primeiro
    parágrafo em negrito?
  • 0:07 - 0:09
    Poderíamos colocar o parágrafo
    entre tags ``.
  • 0:10 - 0:12
    Mas isso seria meio que abusar
    da tag ``.
  • 0:13 - 0:14
    Não queremos dizer
  • 0:14 - 0:16
    que todo o primeiro paragrafo é um grifo.
  • 0:16 - 0:19
    Pensamos apenas que ele ficaria
    melhor em negrito.
  • 0:19 - 0:22
    Devemos usar então. uma propriedade
    CSS: `font-weight`.
  • 0:22 - 0:28
    Vamos até as regras CSS para
    adicionar, `font-weight: bold`.
  • 0:28 - 0:29
    Tcharam! Está em negrito.
  • 0:30 - 0:35
    Agora, e se quisermos que todas essas
    letras fiquem em itálico?
  • 0:35 - 0:38
    Novamente, poderíamos colocá-las
    entre tags ``,
  • 0:38 - 0:42
    porque o navegador mostra tudo que está
    dentro de `` em itálico por padrão.
  • 0:43 - 0:44
    Mas não devemos fazer isso,
  • 0:44 - 0:47
    porque é meio que um abuso da tag ``.
  • 0:47 - 0:49
    Não queremos enfatizar a canção interira.
  • 0:49 - 0:52
    Apenas pensamos que ela ficaria
    melhor em itálico.
  • 0:52 - 0:56
    Devemos usar então. uma propriedade
    CSS: `font-style`.
  • 0:56 - 1:00
    Vamos até as regras CSS
  • 1:00 - 1:03
    para adicionar, `font-style: italic`.
  • 1:04 - 1:06
    Ok, ótimo.
  • 1:06 - 1:09
    Note que temos um punhado de
    propriedades relacionadas à fonte
  • 1:09 - 1:10
    em uma regra para nossas letras.
  • 1:11 - 1:14
    Temos `font-family`, `font-size`,
    e `font-style`.
  • 1:14 - 1:19
    Se quisermos, podemos agrupá-las em
    uma única propriedade: `font`
  • 1:19 - 1:24
    escrevendo apenas:
    `font: italic 13px fantasy;`.
  • 1:25 - 1:29
    Então podemos apagar as três propriedades
    que tinhamos antes
  • 1:29 - 1:31
    e tudo terá a mesma aparência.
  • 1:31 - 1:36
    Isso é chamado de "propriedade abreviada",
    e é bem mais curta, como você pode ver.
  • 1:36 - 1:38
    Mas eu não gosto.
  • 1:38 - 1:41
    Porque sempre esqueço a ordem que
    as propriedades devem ser escritas
  • 1:41 - 1:44
    e é mais simples escrevê-las uma a uma
  • 1:44 - 1:47
    Então vou voltar para o que tinhamos antes
  • 1:48 - 1:52
    você decide, se é melhor usar as
    propriedades abreviadas ou por extenso.
  • 1:52 - 1:55
    O importante é manter o estilo.
Title:
Estilos de fonte com CSS
Description:

more » « less
Video Language:
English
Duration:
01:56
João E. Pereira Jr edited Portuguese, Brazilian subtitles for CSS font styles
João E. Pereira Jr edited Portuguese, Brazilian subtitles for CSS font styles
João E. Pereira Jr edited Portuguese, Brazilian subtitles for CSS font styles
João E. Pereira Jr edited Portuguese, Brazilian subtitles for CSS font styles

Portuguese, Brazilian subtitles

Incomplete

Revisions