Curso de CSS Completo - Curso CSS Completo: Aula 26 - Media Queries

Domine CSS do básico ao avançado e transforme suas ideias em realidade! Aprenda a estilizar sites com técnicas modernas e práticas, rumo à excelência no design web. Dê vida às suas páginas com o Curso CSS Completo, sua porta de entrada para o futuro da web!

4.0 (0)

5 learners

What you'll learn

Compreender a aplicação e diferenças entre CSS inline, interno e externo
Identificar e utilizar corretamente seletores, classes e propriedades básicas de CSS
Criar e estilizar layout de páginas web usando propriedades como margin, padding e flexbox
Desenvolver habilidades em media queries para criar designs responsivos

This course includes

7.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

curso css curso css completo css media queries curso css avançado curso css e html media queries css curso css iniciantes curso de css completo curso de css para completos iniciantes curso de css3 curso de css avançado curso de css3 completo

Full Transcript

Nesta aula do curso de CSS completo vamos entender como funciona as Media Queries, um dos conceitos mais importantes dentro do CSS. As Media Queries são muito importantes para fazer sites responsivos, ou seja, que se adaptem a todos os tipos de resolução. 👨‍💻 Código da Aula para copiar: /* Smartphones (600px para baixo) */ @media only screen and (max-width: 600px) {...} /* Dispositivos um pouco maiores, mas ainda pequenos (Pequenos Tablets e Smartphones + largos, 600px para cima) */ @media only screen and (min-width: 600px) {...} /*Dispostivos Médios (Tablets deitados, 768px para cima) */ @media only screen and (min-width: 768px) {...} /* Dispostivos Largos (laptops/desktops, 992px para cima) */ @media only screen and (min-width: 992px) {...} /* Super Largos (Telas maiores laptops, desktops e até TVs, 1200px para cima) */ @media only screen and (min-width: 1200px) {...} Neste vídeo: 00:00 - Introdução 00:06 - Media Queries 19:38 - Deixa seu Like e se inscreva :) 💎 Nesta Playlist de CSS Aula 01 - O que é CSS e CSS Inline: https://youtu.be/HtVRRHoASes Aula 02 - CSS Interno (incorporado na página): https://youtu.be/tspCQqKLTbY Aula 03 - CSS Externo: https://youtu.be/U4LdM3aXxeU Aula 04 - Seletores e Classes: https://youtu.be/ZMfNFAPlcpo Aula 05 - Propriedade Color: https://youtu.be/0vjvtaVknRc Aula 06 - Propriedade Background: https://youtu.be/aTcE4KGZsMM Aula 07 - Propriedade Border: https://youtu.be/zfrIsnax1nA Aula 08 - Propriedade Margin: https://youtu.be/X43kYX2vqaI Aula 09 - Propriedade Padding e Criando Um Botão Simples: https://youtu.be/WmO5xce__ww Aula 10 - Propriedade Width e Height: https://youtu.be/oSm3aOswjxs Aula 11 - Propriedade Text: https://youtu.be/TrknyZa9-x4 Aula 12 - Propriedade Font: https://youtu.be/Ez40S3jaNSU Aula 13 - Estilização de Links: https://youtu.be/eJuofyUS7Jw Aula 14 - Propriedade Display: https://youtu.be/T6RPyXcuLj4 Aula 15 - Propriedade Max-Width: https://youtu.be/6mHbKDghkv8 Aula 16 - Propriedade Position: https://youtu.be/wQmqFdNKijc Aula 17 - Propriedade Overflow: https://youtu.be/Wnz7zeIG3Qo Aula 18 - Propriedade Float: https://youtu.be/gRh3K23aHv8 Aula 19 - Propriedade Opacity: https://youtu.be/-MxUg_gHhmA Aula 20 - Efeito Dropdown: https://youtu.be/9Rrr2MwbOXc Aula 21 - Especificidade CSS: https://youtu.be/AHsuA7OV_5U Aula 22 - Regra Important: https://youtu.be/hJZx3JstBG4 Aula 23 - Efeito Gradiente: https://youtu.be/JFdIBcvju7U Aula 24 - Propriedades Text Shadow e Box Shadow: https://youtu.be/J5vtATyHV2Y Aula 25 - Efeitos de Texto: https://youtu.be/F-oBI66MgIk Aula 26 - Media Queries: https://youtu.be/SnZzWV120X4 Aula 27 - Flexbox: https://youtu.be/NQTU9hEStD8 Aula 28 - Criando Site do Zero Com CSS e HTML: https://youtu.be/6gRtjwD2w88 Esse curso de CSS completo grátis tem conteúdo de curso pago! Então deixa seu gostei, se inscreve no canal e compartilha com os amigos! Forte abraço! #css #cursocss #programacao