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
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!!!
Vamos que vamos 🖖
Isso aí
Bora bora
Você já está construindo sites?
Sim!
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
obrigado
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!
parabéns p você que está persistindo no caminho
é 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!
Guanabara faço seus cursos e gosto d mais você é a minha inspiração!
Muito obrigado pela aula professor!!!
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.
Ate hoje ficou admirado com a qualidade deste curso muito obrigado Guanabara
Obrigado, Gustavo!
Vamos que vamos
Mais uma otima aula hein professor! Que Deus te abençõe sempre
Parabéns para todos os gafanhotos e gafanhotas que assistiram todas as aulas desde o comecinho e chegaram até aqui! 🖖
minha felicidade é gigante! Finalmente "Media Features"!
Idem!
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
Show!!
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
Como é bom continuar o curso, sinto evolução.
muito obrigado
Muito bom Guanabara
Excelente!
#guanabara o melhor
Mais uma ótima aula!
Quem fez a intro de vocês foi o pessoal da Brainstorm Tutoriais? Achei bem parecido com a pegada deles
Nice!
PARAR É MORRER, PERSISTÊNCIA, FOCO. VAMOS LONGE.
Guanabara poderia falar a diferença de declarar css para body e html
Te vejo no proximo video
raça absoluta, alem da conciencia, esse é o poder que beira a onipotencia
9:10 pensei em outra coisa 😂
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?
sim
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.
Cade o mundo 04 de Python prof guanabara ???
quando saira o modulo 5?
up!
Pega os ultimos conteudos para estudar o flexbox e Grid, depois isso vai estudar JavaScript, o modulo 5 vai demorar muito.
só Deus sabe🤣🤣
Cade essas aulas para quem faz pelo site???
Parei em : Capítulo 24 Aula 10 - Select, datalist e textarea em HTML
calma, demora um pouco para atualizar. Normalmente a equipe do Guanabara espera o capitulo finalizar para colocar no site tudo de uma vez.
ja fiz curso pago de html e nao aprendi tanto como essé
algum de você está tendo acesso aos PDF desse capítulo e do capítulo anterior? Não aparece no repertório para mim
Ainda nao foi disponibilizado.
14:38 é isso que acontece com programadores depois de tantos anos programando 😂
Cara si for anotar tudo e melhor nem usar editor de codigo usa so o caderno mesmo 😂
Kkk
Anotar os pontos principais é sempre bom. Palavras-chave.
Eu aprendo melhor assim. Mas cada um é cada um e aprende melhor de uma forma diferente.
10:10 "kkkkkkkk feião em pé e deitado"