Prezados,
Surgiu-me uma dúvida nessa aula que gostaria de ajuda para entender e evitar confusões.
Sabemos que os textos (h1, por exemplo) são elementos inline. Dessa forma, ao aplicar o background-color no h1, por qual motivo a cor branca (white) foi aplicada para toda largura da pagina ao invés de somente no texto "AluraBooks"? Com isso, acabo entendendo que ele teve um comportamento de um elemento block.
Obrigado!
Olá Tiago, tudo bem?
O h1 é, por padrão, um elemento block. Isso significa que, mesmo que o conteúdo dentro do h1 seja apenas texto (que é inline), o próprio h1 se comporta como um bloco. Portanto, quando você aplica background-color ao h1, a cor de fundo é aplicada a toda a largura do container do h1, não apenas ao texto!
Espero que isso tenha esclarecido sua dúvida, bons estudos!