Modelo de Caixas: primeiros passos – @Curso em Vídeo HTML5 e CSS3

posted in: Curso cursosemvideo | 0

Você sabe o que é o modelo de caixas? Sabe para que serve o box model em HTML e CSS? Sabe utilizar as propriedades height, width, padding, margin, outline? Sabe a diferença entre caixas box-level e inline-level? 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 01
00:15 – Modelo de caixas, box model
00:59 – Ajuda extra para quem está começando
02:09 – O que é o modelo de caixas
02:49 – Aninhamento de caixas em HTML
03:30 – Um exemplo simples de caixa
04:40 – Altura (height) e Largura (width) de uma caixa
05:49 – Borda (border) da caixa
06:40 – Preenchimento (padding) da caixa
07:27 – Magem (margin) da caixa
08:14 – Contorno (outline) da caixa
08:58 – Ajude a divulgar o nosso curso
10:24 – Caixas box-level
12:10 – Caixas inline-level
12:43 – Diferenças entre box-level e inline-level
13:11 – Exemplos de caixas box e inline
15:13 – Vamos ver um exemplo prático

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 #C16A01