Múltiplas Media Features com CSS - @Curso em Vídeo HTML5 e CSS3

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024
  • Você sabe o que são Media Features? Sabe como usar media feature em CSS? Acompanhe esse vídeo até o final para responder a estas e muitas outras perguntas.
    Download do arquivo de exercícios: github.com/gus...
    Tópicos deste vídeo:
    00:00 - Módulo 04, Capítulo 25, aula 03
    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: github.com/gus...
    Receba notificações de novos vídeos:
    == Canal no Telegram: t.me/cursoemvideo
    Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
    == Módulo 01: • Curso completo e atual...
    Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
    == Módulo 02: • Curso HTML5 e CSS3 - M...
    Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
    == Site: www.cursoemvid...
    Torne-se apoiador do projeto:
    == Acesse: www.cursoemvid...
    Siga-nos nas redes sociais:
    == Gustavo Guanabara no Instagram: / gustavoguanabara
    == Curso em Vídeo no Instagram: / cursoemvideo
    == Hostnet no Instagram: / hostnetbr
    == Recode no Instagram: / rederecode
    == Estudonauta no Instagram: / estudonauta
    Conheça os patrocinadores desse curso:
    == HOSTNET: www.hostnet.co...
    == RECODE: www.recode.org...
    == ESTUDONAUTA: www.estudonaut...
    #cursohtml5css3 #modulo04 #C25A03

ความคิดเห็น • 57

  • @willen010
    @willen010 2 ปีที่แล้ว +82

    Se chegou até aqui, significa que as chances de você estar construindo sites em breve são altíssimas!! Tudo isso graças a esse conteúdo 100% gratuito do Professor Guanabara!!!

  • @PatsFerrer
    @PatsFerrer ปีที่แล้ว +31

    Basicamente, para mudar a orientação (tela em pé ou deitada) os computadores vão pegar pela resolução de tela.
    Se a altura tiver maior que a largura, ele está como portrait (retrato).
    Se a largura tiver maior que a altura, ela tá como 'landscape' (paisagem).
    Para ficar mais fácil de entender e fixar, imagine vc tirando uma foto de uma PAISAGEM (landscape), vc tiraria foto com o celular DEITADO, certo?
    E se você tivesse tirando um retrato (tipo uma selfie), fica bem mais fácil com o celular em pé (portrait), certo?
    Acho que imaginando assim, pode ser que fique mais fácil de fixar. :D
    a configuração media="all" vai servir para todos os dispositivos, pois algumas configurações se repetem.
    media types sao escritos dentro das aspas normais de media=" "
    ex: media ="screen" tela
    media="print" impressora
    media="all" configurações gerais
    mas as media features são escritas dentro das aspas e dentro de (parênteses), logo após os media types.
    media="screen and (orientation: portrait)"

    Importante: media types nao tem parênteses, media features tem parênteses isoladamente, ou seja, se tivermos três media fetures, teremos 3 entre parênteses.
    link da apostila: github.com/gustavoguanabara/html-css/blob/fe6653ecdafa5b7275a5ecb4c36a8ca14f5043e7/aulas-pdf/25%20-%20Media%20Queries.pdf

    • @ElevaTe.
      @ElevaTe. ปีที่แล้ว +2

      obrigado

    • @aninha22ist61
      @aninha22ist61 8 หลายเดือนก่อน

      Muito obrigada, estava a muito tempo procurando as apostilas do módulo 4 e não achei de jeito nenhum, vim aqui só pra fazer um comentário engraçado e achei sua postagem, muito obrigada msm!

  • @marvin1290
    @marvin1290 ปีที่แล้ว +11

    parabéns p você que está persistindo no caminho

  • @thisislaraa
    @thisislaraa ปีที่แล้ว +5

    é muito bom ir aprendendo com calma e chegar nas aulas que explicam termos que pensei que nunca entenderia, que alívio e paz no coração! melhor prof do mundo!

  • @gabrielmarcos9904
    @gabrielmarcos9904 2 ปีที่แล้ว +8

    Guanabara faço seus cursos e gosto d mais você é a minha inspiração!

  • @MPENT12
    @MPENT12 5 หลายเดือนก่อน +1

    Muito obrigado pela aula professor!!!

  • @renataguimaraes1410
    @renataguimaraes1410 10 หลายเดือนก่อน

    Realmente sinto que estou aprendendo a ser uma profissional. Vou fazer um curso de TI no Canadá e comecei a assistir o Guanabara para ver se eu ia gostar, ter uma ideia e conversei com uma pessoa que fez o curso que eu vou fazer e ela disse que não viu NADA de git e github no curso, que teve que aprender para trabalhar e teve um pouco de dificuldade. Obrigada professor pelas aulas disponibilizadas! Terminando esse curso irei para o JavaScript.

  • @gabrielgomesmabiala6707
    @gabrielgomesmabiala6707 ปีที่แล้ว

    Ate hoje ficou admirado com a qualidade deste curso muito obrigado Guanabara

  • @cassioqueirozpereira8447
    @cassioqueirozpereira8447 ปีที่แล้ว +1

    Obrigado, Gustavo!

  • @deverik.
    @deverik. ปีที่แล้ว +1

    Vamos que vamos

  • @miguelmorassuti3729
    @miguelmorassuti3729 2 ปีที่แล้ว +2

    Mais uma otima aula hein professor! Que Deus te abençõe sempre

  • @renatoorosco
    @renatoorosco ปีที่แล้ว +15

    Parabéns para todos os gafanhotos e gafanhotas que assistiram todas as aulas desde o comecinho e chegaram até aqui! 🖖

  • @abioliver2250
    @abioliver2250 2 ปีที่แล้ว +2

    minha felicidade é gigante! Finalmente "Media Features"!

  • @aninha22ist61
    @aninha22ist61 8 หลายเดือนก่อน

    Meus gatos são PHD em virar a tela do meu notebook de cabeça para baixo ou para os lados, da primeira vez eu desesperei hj eu já decorei os comandos, eu precisei fazer curso de HTML e CSS pra aprender essas coisas, meus gatos fazem sem ter feito nenhum curso. Se quiser estagiários, pode contratar eles Guanabara! rs

  • @FabioJunio43
    @FabioJunio43 หลายเดือนก่อน

    Show!!

  • @berserk_jp
    @berserk_jp ปีที่แล้ว

    O Professor só comentou agora mas todo aluno deve saber que trabalhar com mida para celular é mais do que essencial hoje em dia. Eu sempre estranhei por ele nao ter deixado mais claro, só levou uns anos haha

  • @semente.criativa
    @semente.criativa ปีที่แล้ว

    Como é bom continuar o curso, sinto evolução.

  • @Familyhayzn
    @Familyhayzn ปีที่แล้ว

    muito obrigado

  • @yagoviana4951
    @yagoviana4951 2 ปีที่แล้ว

    Muito bom Guanabara

  • @toddynho_0139
    @toddynho_0139 ปีที่แล้ว

    Excelente!

  • @pricet.i4629
    @pricet.i4629 2 ปีที่แล้ว +1

    #guanabara o melhor

  • @periclesperesoficial
    @periclesperesoficial ปีที่แล้ว

    Mais uma ótima aula!

  • @Jack-ss4re
    @Jack-ss4re 2 ปีที่แล้ว +1

    Quem fez a intro de vocês foi o pessoal da Brainstorm Tutoriais? Achei bem parecido com a pegada deles

  • @ex_script7091
    @ex_script7091 ปีที่แล้ว +1

    Nice!

  • @FranciscoChitombi-xe6kg
    @FranciscoChitombi-xe6kg 2 หลายเดือนก่อน

    PARAR É MORRER, PERSISTÊNCIA, FOCO. VAMOS LONGE.

  • @reuelsiIva
    @reuelsiIva ปีที่แล้ว +1

    Guanabara poderia falar a diferença de declarar css para body e html

  • @vitorac412
    @vitorac412 2 ปีที่แล้ว

    Te vejo no proximo video

  • @cabecinhasf8949
    @cabecinhasf8949 5 หลายเดือนก่อน

    raça absoluta, alem da conciencia, esse é o poder que beira a onipotencia

  • @koronacat
    @koronacat ปีที่แล้ว +1

    9:10 pensei em outra coisa 😂

  • @gregoriobezerra1631
    @gregoriobezerra1631 2 ปีที่แล้ว +2

    Ainda estou no início do curso, então não sei se minha dúvida será respondida mais para frente, mas se puder responder... Posso utilizar Pytnho no lugar de JS para o desenvolvimento web?

    • @ColapS0
      @ColapS0 2 ปีที่แล้ว +1

      sim

    • @user-bl4po5kv8d
      @user-bl4po5kv8d 2 ปีที่แล้ว +13

      Até um certo tempo não era possível, até porque, para o desenvolvimento WEB ,você precisa entender que os navegadores sãos construidos de uma certa forma por fatores históricos - recomendo que veja o vídeo do Fabio Akita sobre front-end. Enfim, os navegadores tem uma Engine (motor) que interpreta um código, que é a linguagem JavaScript - veja o curso de JavaScript do CursoemVideo -, então ficaria impossível de usar outra linguagem a não ser JavaScript, mas surgiu ae PyScript. Mas não se engane, entenda o resto antes de mergulhar de vez no PyScript.

  • @convenienciadigital1129
    @convenienciadigital1129 2 ปีที่แล้ว +1

    Cade o mundo 04 de Python prof guanabara ???

  • @daniloczar
    @daniloczar 2 ปีที่แล้ว +4

    quando saira o modulo 5?

    • @renatoorosco
      @renatoorosco ปีที่แล้ว

      up!

    • @DevSamir-je7md
      @DevSamir-je7md ปีที่แล้ว +4

      Pega os ultimos conteudos para estudar o flexbox e Grid, depois isso vai estudar JavaScript, o modulo 5 vai demorar muito.

    • @semente.criativa
      @semente.criativa ปีที่แล้ว +2

      só Deus sabe🤣🤣

  • @andrespears2
    @andrespears2 2 ปีที่แล้ว +1

    Cade essas aulas para quem faz pelo site???
    Parei em : Capítulo 24 Aula 10 - Select, datalist e textarea em HTML

    • @guilhermesantos3301
      @guilhermesantos3301 2 ปีที่แล้ว

      calma, demora um pouco para atualizar. Normalmente a equipe do Guanabara espera o capitulo finalizar para colocar no site tudo de uma vez.

  • @vitorbretz4806
    @vitorbretz4806 5 หลายเดือนก่อน

    ja fiz curso pago de html e nao aprendi tanto como essé

  • @lnely.2370
    @lnely.2370 2 ปีที่แล้ว

    algum de você está tendo acesso aos PDF desse capítulo e do capítulo anterior? Não aparece no repertório para mim

    • @renatoorosco
      @renatoorosco ปีที่แล้ว

      Ainda nao foi disponibilizado.

  • @koronacat
    @koronacat ปีที่แล้ว

    14:38 é isso que acontece com programadores depois de tantos anos programando 😂

  • @ChandlerBing-t3k
    @ChandlerBing-t3k ปีที่แล้ว +1

    Cara si for anotar tudo e melhor nem usar editor de codigo usa so o caderno mesmo 😂

    • @caiotwguilherme4307
      @caiotwguilherme4307 ปีที่แล้ว

      Kkk

    • @renatoorosco
      @renatoorosco ปีที่แล้ว +1

      Anotar os pontos principais é sempre bom. Palavras-chave.
      Eu aprendo melhor assim. Mas cada um é cada um e aprende melhor de uma forma diferente.

  • @gabrielmachado2019
    @gabrielmachado2019 หลายเดือนก่อน

    10:10 "kkkkkkkk feião em pé e deitado"