Please enable JavaScript.

Coggle requires JavaScript to display documents.

Progressive Enhancemet e Mobile_First (Html5 Input Range (Sua tag é na…

- - - - Porém, como objetivo é ser semântico, vamos adicionar um nome pra ele, com a tag label:
        <input type="radio" name="cor" id="verde"><label for="verde">Verde</label>
      - Melhor ainda! Vamos colocar todos esses conjuntos em uma tag fieldset que armazena coisas que devem ser agrupadas, com o brinde de poder por uma legenda com a tag <legend>
        <fieldset>
        <legend>Bla bla blá</legend>
        <input type="radio" name="cor" id="verde">
        <label for="verde">Verde</label>
        </fieldset>
- - - - https://www.w3.org/wiki/images/d/d2/Boxarea.png
      - Onde:
        
        conteúdo (content): aquilo que será exibido;
        
        espaçamento (padding): distância entre a borda e o conteúdo;
        
        borda (border): quatro linhas que envolvem a caixa (box);
        
        margem (margin): distância que separa um box de outro.
      - A gente já sabe como configurar cada uma dessas partes, porém, existe outras formas de box-model, e nós podemos podemos mudar essas formas com a propriedade box-sizing
- - - - min: o menor valor possível para o slider
      - max: o maior valor possível
      - value: indica o valor inicial do slider
      - step: indica de quanto em quanto o número do slider deve pular