Summary
Keywords
Full Transcript
Você sabe como funciona o modelo de caixas na prática? Já criou um exemplo prático para entender como funciona o Box Model? Sabe como utilizar o DevTools do Google Chrome para personalizar e fazer o ajuste fino de propriedades CSS? Pois acompanhe este vídeo até o final para responder a estas e muitas outras perguntas. Tópicos deste vídeo: 00:00 - Módulo 02, Capítulo 16, aula 02 00:19 - Vamos colocar a mão na massa 00:49 - Faça outros cursos grátis 01:44 - Criando o primeiro exercício prático 02:25 - Criando uma caixas de vários tipos 03:40 - Usando o DevTools do Chrome 04:50 - Identificando caixas box-level 05:52 - Identificando caixas inline-level 07:01 - Identificando padding e margin 07:40 - Criando um estilo personalizado 08:30 - Configurando largura e altura da caixa 09:00 - Personalizando propriedades com o DevTools 10:27 - Usando bordas em caixas via CSS 11:45 - Mais configurações para o corpo 13:28 - Personalizando a borda em outros formatos 14:39 - Seja um apoiador do projeto 15:22 - Configurando o padding de uma caixa 16:22 - Sentido correto do padding 17:17 - Ajuste fino do padding 19:33 - Vamos continuar nesse mesmo assunto O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo. Acesse o material de apoio em PDF: == GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf Receba notificações de novos vídeos: == Canal no Telegram: https://t.me/cursoemvideo Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3: == Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n Consiga certificados fazendo o curso diretamente pelo site oficial do projeto: == Site: https://www.cursoemvideo.com Torne-se apoiador do projeto: == Acesse: https://www.cursoemvideo.com/apoie Siga-nos nas redes sociais: == Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara == Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo == Hostnet no Instagram: https://www.instagram.com/hostnetbr == Recode no Instagram: https://www.instagram.com/rederecode == Estudonauta no Instagram: https://www.instagram.com/estudonauta Conheça os patrocinadores desse curso: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo02 #C16A02
