UNIDADES CSS RELATIVAS: %, REM, EM, CH, EX (CSS3)

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024

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

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

    O vídeo esta excelente, me ajudou muito a entender cada uma das medidas.
    Cada Unidade:
    2:11 - (%)Porcentagem
    5:55 - em e rem
    13:37 - ex e ch

  • @rylikezfive3868
    @rylikezfive3868 7 ปีที่แล้ว +66

    O cara se mata estudando desenvolvimento Web para quando assistir um vídeo sobre dev, aparcer um comercial da Wix dizendo crie um site em questão de segundos. Tenso isso.

    • @RamonDBS
      @RamonDBS 7 ปีที่แล้ว +17

      Nós não criamos mais websites, criamos aplicações web :)

    • @GutembergMedeirosCCB
      @GutembergMedeirosCCB 4 ปีที่แล้ว

      Relaxa, um site como a wix jamais irá criar uma aplicação web.

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

      kkkkk mano siim

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

      A pergunta é: quem que usa Wix?

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

    Aeeee, ótimo vídeo... Cara, continue assim, estou sempre a espera de seus vídeos, parabéns!

  • @samuxui
    @samuxui 6 ปีที่แล้ว +6

    Poderia também fazer um vídeo explicando sobre posicionamentos do css. e explicando o uso correto de static, relative, absolute, fixed.
    Um abraço!

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

    Obrigado cara! comecei a pouco tempo e isso me ajudou muito
    referente a medida EM, então eu posso dar um font-size no body e controlar todo meu layout ? facilitaria muito nos breakpoints, pois a cada tamanho de tela eu mudaria o valor do font-size é isso ?

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

    Pô realmente esses anúncios do wix são foda de chato rs mas enfim.... você comentou sobre boilerplate css... poderia dar alguma dica? venho do back end e estou me interessando bastante por front, mas quero ir além do bootstrap por isso estou estudando o ccs do jeito certo... parabéns pelo canal!! abs

  • @samuxui
    @samuxui 6 ปีที่แล้ว

    Ferreira Studios vocês teriam um pdf explicando tudo isso que está no vídeo?
    Ficarei grato.

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

    isso é bom então pra criar um site responsivo

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

    6:00

  • @juniorvaz9092
    @juniorvaz9092 7 ปีที่แล้ว

    Rapaz...tenso...Sei que quem controla isso é o TH-cam mas é impressão ou os vídeos do Ferreira Studios é o que mais tem propaganda por tempo de exibição!!! Deveria ter uma opção para nós meros usuários avaliar uma propaganda e o TH-cam tomar uma providência para tirar do ar ou minimizar o tempo de exibição entre uma e outra!!

  • @JP8431
    @JP8431 8 ปีที่แล้ว

    muito bom muito bom mesmo

  • @samuxui
    @samuxui 5 ปีที่แล้ว

    Fiquei confuso na parte REM

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

    Picas?

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

    Sensacional amigo. Só o excesso de anúncios no vídeo que me deixou incomodado. Recomendo diminuir. Obrigado

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

    Ficou muito confuso a explicação do em e rem.

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

    Quase desisti de assistir o vídeo, anúncios demaaaaaaais. Isso atrapalha ao assimilar o conhecimento porque te interrompe toda hora a linha de raciocínio. De toda forma, obrigado pelo compartilhamento de conhecimento.

    • @jonatancom8
      @jonatancom8 4 ปีที่แล้ว

      Instale o adblock

  • @carlosrobertopaviotti9418
    @carlosrobertopaviotti9418 3 ปีที่แล้ว

    Amigo, a aula é boa mas à um excesso de propaganda, desisti!

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

    Apesar do conteúdo legal devo lhe dar uma bronca por usar float... Todos os devs que conheço realmente acham q float serve para fazer alinhamento
    =(

    • @leonardoferreira.design
      @leonardoferreira.design  8 ปีที่แล้ว +3

      Olá, Thiago. Primeiramente obrigado pelo seus elogios e pela disposição em comentar, mas com relação a questão do float, vou ter que discordar um pouco, a W3C não emite nenhuma restrição para utilização da propriedade, e ela se torna importante em alguns casos, principalmente quando você não estiver utilizando propriedades flex-box, ou grids baseados em porcentagem.
      O próprio Bootstrap e o Angular Material utilizam a propriedade, a questão é que deve-se utilizar o float juntamente com a propriedade clear e quem sabe até criar um "clearfix" para orientar os elementos, no caso do vídeo não se fez necessário, mas você pode dar uma olhada mais sobre a documentação da propriedade em: developer.mozilla.org/pt-BR/docs/Web/CSS/float.
      Segundo a W3C: "A propriedade float especifica se uma caixa deve flutuar à esquerda , à direita ou não em todos.", você pode conferir mais em: www.w3.org/wiki/CSS/Properties/float, a própria comunidade da mozilla e da w3c descreve que se você utilizar float não tem necessidade de usar propriedades display por exemplo, pq o próprio float já possui um estado display:block (por padrão). De uma maneira geral, opte por propriedades em %, flex-box e afins, existem também propriedades de multiple columns do css, saiba mais em: www.w3schools.com/css/css3_multiple_columns.asp, drafts.csswg.org/css-page-floats-3
      Enfim, me desculpe pelo grande texto amigo, é um prazer compartilhar e aprendermos juntos! Obrigado pelo comentário. Grande abraço e sucesso! :)

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

      Kkk, sem problemas... apesar da w3c não impor restricão de uso, nao significa que devemos utilizar (tanto que o "clearfix" na real é um hacky)...
      Eu aboli o uso de frameworks como bootstrap em meus projetos exatamente por isso... Quando vi este exemplo da w3c eu saquei o pq o float foi criado e qual seu verdadeiro propósito... (float deveria ser utilizado só pra layouts onde temos uma imagem e um paragrafo onde o texto é fluido... +/- igual ao que vemos em jornais e talz)
      Links: goo.gl/ndUuGc goo.gl/xSMpUC
      E sobre grids baseadas em porcentagem, utilizar propriedades como "display: inline-block" fazem muito mais sentido
      Ó este exemplo de grid flexivel sem "float"
      github.com/MartinsThiago/bootsmacss/blob/master/grid.scss