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!
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.
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.
Aula anterior: th-cam.com/video/XaJF50CPhzk/w-d-xo.html
Próxima aula: th-cam.com/video/5RM0XNpisvU/w-d-xo.html
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!
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 =)
Explicação clara e detalhista! Adorando o curso.
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!!
Obrigado! Me ajudou muito mesmo a entender o box model.
as propriedades background-position: center;
background-size: cover; eu posso substituir pela object-fit: cover?
muito bom
Bom dia professor! Minha borda ficou 4.8 e não 5 isso é em função de alguma coisa?
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.
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.