Entenda o Box Model - Curso de HTML e CSS - Aula 9

Aula anterior: kzbin.info/www/bejne/jpKtd2hmeLWbsM0 Próxima aula: kzbin.info/www/bejne/a4OwYYuEpc6mrLc

[@Leudo3]

Nós estamos de parabéns com um professor muito capacitado e de ensino fácil. Também sou aluno seu na Udemy.

Obrigadoo Leudo =)

[@VersusBR]

Essa explicação que você deu sobre o padding que você pode usar "15px 0 10px" pra identificar "T > D > B > E" ficou muito mais claro quando você disse pra lembrar de seguir o sentido horário... Muito boa a aula!

[@layzabhering1698]

Explicação clara e detalhista! Adorando o curso.

[@ihagosouzasilva9320]

Excelente conteúdo professor, já sou seu aluno na Udemy no curso de Javascript, e aprendo muito com você.

Que massa, muito obrigado pela confiança. Bora estudar!!

[@Sarlasnw]

Obrigado! Me ajudou muito mesmo a entender o box model.

[@AlexSoaresGtr]

as propriedades background-position: center; background-size: cover; eu posso substituir pela object-fit: cover?

[@samuelcalheiros]

muito bom

[@luizgustavogoncalvesbrito7168]

Bom dia professor! Minha borda ficou 4.8 e não 5 isso é em função de alguma coisa?

[@AlexSoaresGtr]

O navegador sempre vai por as propriedades dele. A gente pode mudar isso quamdo vai setar as definições padrão na página usando a propriedade box-size: border-box. Fazendo isso, para todo elemento que a a gente for definir largura, altura, bordar e etc , eles vão permanecer com os valores que a gente definiu. Provavelmente é isso que está ocorrendo com vc.

[@AlexSoaresGtr]

Entãoo , você pode fazer da seguinte forma: * { box-sizing: border-box; } Fazendo isso, tu garante que os elementos sempre vão ter as definições que vc passou.