Position CSS na prática - Como posicionar elementos HTML
Quer ter mentorias comigo sobre o básico da programação web (HTML, CSS, JavaScript, GitHub, etc..)?
Agende um horário: https://calendly.com/sr_programador/m...
Provavelmente você já ouviu falar sobre a propriedade position do CSS e já viu um pouco como ela funciona. Mas você já usou essa propriedade na prática, para desenvolver uma página HTML?
No vídeo de hoje vamos usar 4 valores diferentes para a propriedade position a fim de criar novas funcionalidades numa página web. Para isso, faremos uso dos valores fixed, sticky e relative em conjunto com absolute.
Além disso vamos comentar sobre como usar top/right/left/bottom para posicionar elementos e como se comporta o fluxo de um documento HTML.
Confira a aula: Tudo o que você precisa saber sobre a propriedade position:
• Position CSS - TUDO O QUE VOCÊ PRECIS...
Flexbox na prática:
• FLEXBOX na PRÁTICA - As PRINCIPAIS pr...
Links citados no vídeo:
GitHub com o código inicial: https://github.com/gustavopolonio/Exe...
GitHub com o código final: https://github.com/gustavopolonio/pos...
Me encontre aqui:
Instagram: / senhorprogramador
Linkedin: / gustavo-polonio-04b77a169
GitHub: https://github.com/gustavopolonio
📧 Contato:
[email protected]
---------------------------------------------------------------------------------------------------------------—
Capítulos do vídeo:
00:00 - Introdução, se inscreve no canal :)
00:24 - Projeto final
01:38 - Header fixo no scroll - Position: sticky
04:51 - Botão WhatsApp - Position: fixed
10:22 - Nome dos cafés - Position: absolute
16:57 - Despedida
Смотрите видео Position CSS na prática - Como posicionar elementos HTML онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Senhor Programador 16 Февраль 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 58 раз и оно понравилось 4 людям.