Unidades de medida no CSS (px, em, rem, vw, vh, vmax, vmin e %) - Curso de HTML e CSS - Aula 26

Поділитися
Вставка
  • Опубліковано 10 жов 2022
  • Nessa aula, vamos aprender como funcionam as unidades de medida no CSS. Vamos falar sobre px, em, rem, vw, vh, vmax, vmin e %.
    Link mencionado: www.w3schools.com/cssref/css_...
    Segue o Link da playlist completa e gratuita com as aulas que já foram publicadas até o momento:
    • Curso de HTML e CSS Gr...
    Aula anterior: • Cores HTML e CSS: Ente...
    Próxima aula: • CSS para formatar text...
    Conheça meus cursos em:
    www.otaviomiranda.com.br/2017...
    Twitter: / otaviomirandabr
    #html #css #curso
  • Наука та технологія

КОМЕНТАРІ • 48

  •  Рік тому +5

    Aula anterior: ua-cam.com/video/dSF9HU6X660/v-deo.html
    Próxima aula: ua-cam.com/video/iInvDfn2enw/v-deo.html

  • @igoramorim8670
    @igoramorim8670 Рік тому +16

    1:49 quinta série não sai de mim 😂😂😂

  • @omorelli
    @omorelli 7 місяців тому +8

    Aprendi muito mais aqui do que em cursos que comprei. Muito obrigado! Didática sensacional.

  • @cacasilva8591
    @cacasilva8591 14 днів тому

    Sou ainda um iniciante e passei aperto agora com um trabalho que estou fazendo, quanto a responsividade do pequeno site que estou fazendo. Muito bom, agora me vejo obrigado a assistir todos os outros vídeos pra aprender ainda mais

  • @zana9734
    @zana9734 Рік тому +4

    consegui entender quase tudo, vou passar um tempo vendo e revendo para gravar, super necessário, obrigado

  •  11 днів тому

    Melhor vídeo que eu já vi, muito bem explicado.

  • @CARLOSOLIVEIRA-mt3ek
    @CARLOSOLIVEIRA-mt3ek 3 місяці тому +1

    Essa aula deveria ser obrigatória para todos web devs.

  • @jeziosmendeslira3134
    @jeziosmendeslira3134 Місяць тому

    Parabéns pela excelente didática professor, ganhou mais um inscrito, mto obg por compartilhar um conhecimento de forma simples e fácil de entender.

  • @deivideguilherme
    @deivideguilherme 4 місяці тому

    Sensacional a explicação. Tinha dúvidas quando e como utilizar as medidas corretas, e seu vídeo foi extremamente esclarecedor. Obrigado por compartilhar conhecimento. Sucesso sempre.

  • @estudeacademy
    @estudeacademy Рік тому

    Top irmão !!

  • @NERDboy
    @NERDboy Рік тому +1

    show é esses tipos de conteúdos que fazem a diferença...... muito grato por compartilhar conhecimento..

  • @Dyegobernardoo
    @Dyegobernardoo 7 місяців тому

    Muito legal o conteúdo!!

  • @andre69rock
    @andre69rock 4 місяці тому

    Excelente 👏

  • @guilhermesantos-jm2bu
    @guilhermesantos-jm2bu 10 місяців тому

    muito boa essa aula

  • @menephyl007
    @menephyl007 2 місяці тому

    BOAA VLW PELA EXPLICAÇÃO

  • @felipecavalcante7116
    @felipecavalcante7116 Рік тому +4

    Explicação muito mais didática do que em cursos pagos. Muito obrigado pelo material, professor. Sem dúvidas irei maratonar todo o curso. Sucesso!

    • @viniciusc3723
      @viniciusc3723 Місяць тому

      pior que é mesmo, acabei de vir de um curso pago de um concorrente dele que fala de CSS ele deu uma sessao inteira das aulas do cara la em 28 min, como eu assisto em 2x todos os videos ficou 14 min KKKK top me poupou horas

  • @denilsonalvesmartins3369
    @denilsonalvesmartins3369 5 місяців тому

    Explicação excelente.

  • @85dansurf
    @85dansurf Рік тому

    Meu Deus, passei muito tempo sem saber como utilizar o rem e em, em questão de minutos, foi explicado . é bem simples kkkk .

  • @luishenriquedossantos8183
    @luishenriquedossantos8183 11 місяців тому

    Excelente didática! Parabéns pela aula Otávio!

  • @user-ub6ok1sc1u
    @user-ub6ok1sc1u 7 місяців тому

    Excelente! Didático e claro! Parabéns!

  • @brunosuperman
    @brunosuperman 5 місяців тому

    Muito obrigado! Explicação perfeita!

  • @tarcisiocerqueira7913
    @tarcisiocerqueira7913 11 місяців тому

    preciso e cirurgico, mais um inscrito.

  • @juniorsilva3473
    @juniorsilva3473 Рік тому +1

    Muito boa as aulas! mesmo eu já front estou aqui revendo alguns conceitos :)

  • @allandeyvson7066
    @allandeyvson7066 8 місяців тому

    Aula maravilhosa, que didática meus amigos! valeu mesmo, me ajudando demais na minha jornada de futuro Dev Front-end!

  • @mlfsj
    @mlfsj Рік тому

    Inscrevi

  • @juelmapereira4277
    @juelmapereira4277 9 місяців тому

    amoooooo

  • @JoaoPedro-cd8ec
    @JoaoPedro-cd8ec Рік тому +2

    Vídeo mó bom, qualidade foda d++, professor top das galáxias tbm...Parabéns pela iniciativa ... #KEEPGOING

    •  Рік тому +1

      EBA, obrigado =)... bora estudar =P

  • @marol4ff749
    @marol4ff749 Місяць тому

    tem mais conteudo aqui do que na minha facul kkkk

  • @GuilhermeRodrigues-kk9le
    @GuilhermeRodrigues-kk9le 10 місяців тому

    Muito boa a aula. É uma boa pratica de programação deixar o tamanhos das tag com uma das medidas relativas ou só o tamanho das fontes???

  • @kyfloe3168
    @kyfloe3168 Місяць тому

    usar isso também funciona?
    html {
    font-size: 6.25%;
    }
    p {
    font-size: 16rem;
    }
    no caso 1rem = 1px

  • @matheus8967
    @matheus8967 Рік тому

    Você colocou o elemento % no Html, só para ficar mais fácil se quiser fazer a conversão de px para REM, certo?

  • @danilorosado8868
    @danilorosado8868 11 місяців тому

    Mas se os navegadores utilizarem um tamanho de fonte padrão diferente, não pode dar ruim os tamanhos ?

  • @josimarmiranda9722
    @josimarmiranda9722 Рік тому

    Otávio, para utilizar a unidade de medida rem para tudo é obrigatório especificar no font-size do html o valor 62,5%?

    • @luizfernandoalvesdepaula7941
      @luizfernandoalvesdepaula7941 Рік тому +3

      1em = 16px, quando vc usa na tag HTML um font-size 62,5% vc transforma 16px para 10px. isso facilita na hora de fazer conta.

  • @AlexSoaresGtr
    @AlexSoaresGtr Рік тому +1

    Professor, agora me surgiu uma dúvida, as unidades rem e em só se aplicam em font-size? Ou eu posso especificar para qualquer coisa? Ou eu não sou obrigado a deixar algum elemento que fique se baseando em nada e deixe apenas os 16px padrão do navegador?

    •  Рік тому

      Qualquer coisa.

  • @SergioDev2024
    @SergioDev2024 Рік тому +1

    Ola prof. Otávio quero aprender desenvolver sistemas web. Qual linguagem prof indica PHP Python ou JS.

    •  Рік тому +1

      Depende, são quase iguais: escolha a que você gostar mais.

  • @gabrieljauneribera9931
    @gabrieljauneribera9931 Рік тому

    opa professor o senhor usa qual S.O? vi q é n é windows e é bem fluído

    •  Рік тому +1

      Nesse vídeo estava usando o Ubuntu.

  • @neriadrian100
    @neriadrian100 Рік тому +1

    First Coment 😎🤣

    •  Рік тому +2

      Aeeee, valeus

  • @ferreira4054
    @ferreira4054 Рік тому +2

    tava fácil até os 9 min

    • @Yuri-Vargas
      @Yuri-Vargas 8 місяців тому

      Tava bom de mais pra ser verdade kkkkkkkkkk