From 12a10eba1036693771bd02801ad5a69da5877bd9 Mon Sep 17 00:00:00 2001 From: mariadesconci Date: Tue, 1 Nov 2022 11:32:20 -0300 Subject: [PATCH 1/2] css lindo --- .../formul\303\241rios/input_range.html" | 33 ++++++++++--------- .../formul\303\241rios/main.css" | 32 +++++------------- 2 files changed, 26 insertions(+), 39 deletions(-) diff --git "a/cap\303\255tulos/formul\303\241rios/input_range.html" "b/cap\303\255tulos/formul\303\241rios/input_range.html" index ec58342..1def4a0 100644 --- "a/cap\303\255tulos/formul\303\241rios/input_range.html" +++ "b/cap\303\255tulos/formul\303\241rios/input_range.html" @@ -3,22 +3,25 @@ input range + -

input range

-

Para que serve o input range? đŸ¤”

-

Ele define um valor dentro de um intervalo que geralmente nĂ£o Ă© importante, pois Ă© mais utilizado para fazer - controles deslizantes.

-

O valor padrĂ£o do intervalo vai de 0 a 100.

-

Veja um exemplo a seguir:

-
- - -
-

Existem duas tags que se colocam dentro do input para definir o intervalo dos nĂºmeros no controle:

- +
+

input range

+

Para que serve o input range? đŸ¤”

+

Ele define um valor dentro de um intervalo que geralmente nĂ£o Ă© importante, pois Ă© mais utilizado para fazer + controles deslizantes.

+

O valor padrĂ£o do intervalo vai de 0 a 100.

+

Veja um exemplo a seguir:

+
+ + +
+

Existem duas tags que se colocam dentro do input para definir o intervalo dos nĂºmeros no controle:

+ +
\ No newline at end of file diff --git "a/cap\303\255tulos/formul\303\241rios/main.css" "b/cap\303\255tulos/formul\303\241rios/main.css" index 870340c..57971c3 100644 --- "a/cap\303\255tulos/formul\303\241rios/main.css" +++ "b/cap\303\255tulos/formul\303\241rios/main.css" @@ -1,35 +1,19 @@ -/* se aplica a todos os elementos que nĂ£o foram especificados abaixo */ -.center { - margin: auto; - width: 50%; -} - -/* se aplica apenas a tĂ­tulos h1 com a classe centro */ -h1.center { - text-align: center; -} - -/* se aplica apenas a parĂ¡grafos com a classe centro */ -p.center { +*{ text-align: center; } -/* se aplica apenas a imagens com a classe centro */ -img.center { - display: block; - margin-left: auto; - margin-right: auto; -} - -body { - background-color: #FFFFFF; +body{ + background-color: rgb(133, 97, 254); margin-top: 0; margin-bottom: 0; + margin-right: 200px; + margin-left: 200px; } -.white-background { +.texto{ background-color: white; height: 100vh; padding-left: 30px; padding-right: 30px; -} \ No newline at end of file +} + From 4071b3670262c63da464b4640e2f271e6265cf2e Mon Sep 17 00:00:00 2001 From: mariadesconci Date: Tue, 1 Nov 2022 11:51:05 -0300 Subject: [PATCH 2/2] quase todo javascript so quero por uma imagem no popup --- .../formul\303\241rios/input_range.html" | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git "a/cap\303\255tulos/formul\303\241rios/input_range.html" "b/cap\303\255tulos/formul\303\241rios/input_range.html" index 1def4a0..a8d1ffa 100644 --- "a/cap\303\255tulos/formul\303\241rios/input_range.html" +++ "b/cap\303\255tulos/formul\303\241rios/input_range.html" @@ -8,20 +8,31 @@

input range

-

Para que serve o input range? đŸ¤”

+

Para que serve o input range? đŸ¤”đŸ¤ 

Ele define um valor dentro de um intervalo que geralmente nĂ£o Ă© importante, pois Ă© mais utilizado para fazer controles deslizantes.

O valor padrĂ£o do intervalo vai de 0 a 100.

Veja um exemplo a seguir:

- +

Existem duas tags que se colocam dentro do input para definir o intervalo dos nĂºmeros no controle:

  • min=" " - Para o menor nĂºmero
  • max=" " - Para o maior nĂºmero
+

+ \ No newline at end of file