Ir para o conteúdo principal

Media Queries no CSS


🎥 Vídeo(s) Recomendado(s)


🗝️ Pontos-chave (Perguntas-guia)

  • Se você consegue responder isso, você entendeu o módulo.
  • Essas perguntas poderão ser usadas futuramente para validação.

❓ Perguntas:

  • O que é CSSuma emedia qual o seu papel na web?query?
  • Qual a diferença entre HTML e CSS?
OPara que éservem ummedia seletorqueries no CSS? O que são propriedades e valores? Qual a diferença entre classmin-width e idmax-width ? O que significa design responsivo? Quando usar media queries em um projeto? O que acontece se não usar media queries em layouts responsivos? Como aplicar estilos diferentes para mobile e desktop?

🔗 Material de Apoio

Referência rápida para uso prático.
Media CSS-Tricks • CSS Flexbox Layout GuideQueries W3 Schools • CSS Tutorial MDNResponsive Web DocsDesign - CSS:Media Cascading Style SheetsQueries Devhints Cheat Sheets • CSS Devhints Cheat Sheets • CSS Grid Devhints Cheat Sheets • CSS Tricks Devhints Cheat Sheets • CSS Flexbox Devhints Cheat Sheets • CSS System Fonts Devhints Cheat Sheets • CSS Webfonts Devhints Cheat Sheets • CSS Unicode Symbols Devhints Cheat Sheets • CSS Bootstrap