Agora que já vimos um monte de coisas propriedades
Quero mostrar que algo
que você já deve ter notado
Um conceito chamado de herança
algumas classes são herdadas,
O que significa adiante para todas
as classes filhas abaixo delas.
Por exemplo, a "font family" é uma propriedade herdada
Apenas ao chama-la na tag "body",
podemos ver que ela utilizada
automaticamente pelas tags filhas, como
a <h1>, e parágrafos. Só deixa de
ser utilizada quando outra regra é adicionada.
Como essa regra para mudar o tipo de fonte
dos cabeçalhos para "Cursive".
Outra propriedade herdada é a cor.
Se a utilizarmos na "body" veremos ela ser herdada
por todas as tags dentro do "body"
até que outra regra a sobrescreva. Como essa regra aqui
para deixar a tag <h2> de verde.
Outra propriedade herdada que vimos são
"font weight, font size, font style, line"
"height, text align" na verdade, muitas
das que vimos são herdadas,
por terem algo haver com formatação de text
e navegadores perceberam que web designers poderiam
querer que formatação do texto fosse herdada,
assim não teriam que definir a formatação em cada nível
Seguindo em frente, muitas das novas
propriedades que você vê não serão herdadas.
Se você não tem certeza se uma propriedade
é ou não herdada, tente coloca-la
na tag "body", e ver o que acontece,
ou verifique a propriedade na internet,
e leia a documentação sobre isso.
Legendado por [Valter Bigeli] Revisado por [Gabriel Mello Fernandes]