< Return to Video

CSS inheritance | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy

  • 0:01 - 0:02
    Agora que já vimos um
    monte de coisas propriedades
  • 0:02 - 0:04
    Quero mostrar que algo
  • 0:04 - 0:05
    que você já deve ter notado
  • 0:05 - 0:07
    Um conceito chamado de herança
  • 0:07 - 0:10
    algumas classes são herdadas,
  • 0:10 - 0:11
    O que significa adiante para todas
  • 0:11 - 0:13
    as classes filhas abaixo delas.
  • 0:13 - 0:17
    Por exemplo, a "font family"
    é uma propriedade herdada
  • 0:17 - 0:19
    Apenas ao chama-la na tag "body",
  • 0:19 - 0:20
    podemos ver que ela utilizada
  • 0:20 - 0:22
    automaticamente
    pelas tags filhas, como
  • 0:22 - 0:24
    a <h1>, e parágrafos. Só deixa de
  • 0:24 - 0:27
    ser utilizada quando
    outra regra é adicionada.
  • 0:27 - 0:29
    Como essa regra para mudar o tipo de fonte
  • 0:29 - 0:31
    dos cabeçalhos para "Cursive".
  • 0:32 - 0:34
    Outra propriedade herdada é a cor.
  • 0:34 - 0:36
    Se a utilizarmos na
    "body" veremos ela ser herdada
  • 0:36 - 0:38
    por todas as tags dentro do "body"
  • 0:38 - 0:42
    até que outra regra a
    sobrescreva. Como essa regra aqui
  • 0:42 - 0:44
    para deixar a tag <h2> de verde.
  • 0:44 - 0:47
    Outra propriedade
    herdada que vimos são
  • 0:47 - 0:52
    "font weight, font size, font style, line"
  • 0:52 - 0:55
    "height, text align" na verdade, muitas
  • 0:55 - 0:57
    das que vimos são herdadas,
  • 0:57 - 0:59
    por terem algo haver
    com formatação de text
  • 0:59 - 1:00
    e navegadores perceberam
    que web designers poderiam
  • 1:00 - 1:02
    querer que formatação
    do texto fosse herdada,
  • 1:02 - 1:06
    assim não teriam que
    definir a formatação em cada nível
  • 1:06 - 1:08
    Seguindo em frente, muitas das novas
  • 1:08 - 1:10
    propriedades que você
    vê não serão herdadas.
  • 1:11 - 1:12
    Se você não tem certeza se uma propriedade
  • 1:12 - 1:14
    é ou não herdada, tente coloca-la
  • 1:14 - 1:16
    na tag "body", e ver o que acontece,
  • 1:16 - 1:19
    ou verifique a propriedade na internet,
  • 1:19 - 1:20
    e leia a documentação sobre isso.
  • 1:20 - 1:22
    Legendado por [Valter Bigeli]
    Revisado por [Gabriel Mello Fernandes]
Title:
CSS inheritance | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
Description:

more » « less
Video Language:
English
Team:
Khan Academy
Duration:
01:22

Portuguese, Brazilian subtitles

Revisions