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]