From 237fdaaceb08ee06fe95c89c51807a9d140788ad Mon Sep 17 00:00:00 2001
From: Luiz Karat
Date: Thu, 27 Jun 2024 09:04:29 -0300
Subject: [PATCH 1/2] =?UTF-8?q?exerc=C3=ADcios=201=20e=202?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
exercicio1/index.html | 1 +
exercicio1/style.css | 38 ++++++++++++++++++++++++++++++++++++++
exercicio2/index.html | 1 +
exercicio2/style.css | 22 +++++++++++++++++++++-
exercicio3/index.html | 1 +
exercicio3/style.css | 5 +++++
6 files changed, 67 insertions(+), 1 deletion(-)
diff --git a/exercicio1/index.html b/exercicio1/index.html
index 8f6a6bb..e1a665c 100644
--- a/exercicio1/index.html
+++ b/exercicio1/index.html
@@ -5,6 +5,7 @@
CSS I - Prática Guiada 1
+
diff --git a/exercicio1/style.css b/exercicio1/style.css
index e69de29..549431c 100644
--- a/exercicio1/style.css
+++ b/exercicio1/style.css
@@ -0,0 +1,38 @@
+*{
+ margin: 0px;
+ padding: 0px;
+}
+
+
+
+h1 {
+ background-color: blue;
+ color: aliceblue;
+}
+#titulo-importante {
+background-color: blueviolet;
+
+}
+
+
+.sub-titulo {
+ background-color: yellow;
+}
+section {
+ background-color: green;
+ border: 10px solid black;
+ margin: 50px;
+}
+.titulo-secao {
+ color: aliceblue;
+ font-weight: bold
+}
+.texto-generico {
+ font-weight: bold
+}
+.titulo-pouco-importante {
+ background-color: black;
+ color: aliceblue
+
+}
+
diff --git a/exercicio2/index.html b/exercicio2/index.html
index a384b6d..d81f819 100644
--- a/exercicio2/index.html
+++ b/exercicio2/index.html
@@ -5,6 +5,7 @@
CSS I - Prática Guiada 2
+
diff --git a/exercicio2/style.css b/exercicio2/style.css
index a3b7f1e..fa5e450 100644
--- a/exercicio2/style.css
+++ b/exercicio2/style.css
@@ -1,22 +1,42 @@
+*{
+ margin: 0;
+ padding: 0;
+}
+
.longe-bordas{
background-color: #FFA6A9;
+ padding: 10px;
+ display: block;
+
+
}
.afastado{
background-color: #77C0ED;
+ margin: 40px;
+ display: block;
+
+
+
}
.alto{
background-color: #C3E887;
+ height: 300px;
+
+
}
.largo{
background-color: #FFE396;
+ width: 500px;
}
.bordado{
background-color: #AF9BCC;
+ border: 1px dotted black;
+ display: block;
}
.sumido{
-
+ display: none;
}
\ No newline at end of file
diff --git a/exercicio3/index.html b/exercicio3/index.html
index c8ddb22..70817dc 100644
--- a/exercicio3/index.html
+++ b/exercicio3/index.html
@@ -5,6 +5,7 @@
CSS I - Prática Guiada 3
+
diff --git a/exercicio3/style.css b/exercicio3/style.css
index 10c8270..a2d4d85 100644
--- a/exercicio3/style.css
+++ b/exercicio3/style.css
@@ -4,6 +4,11 @@
}
header{
+}
+main {
+font-family: Helvetica;
+
+
}
section{
From 1513413bd52403558e3c4189b5035b76112dbcae Mon Sep 17 00:00:00 2001
From: Luiz Karat
Date: Wed, 3 Jul 2024 09:07:22 -0300
Subject: [PATCH 2/2] css1
---
exercicio3/index.html | 6 +++---
exercicio3/style.css | 31 ++++++++++++++++++++++++-------
2 files changed, 27 insertions(+), 10 deletions(-)
diff --git a/exercicio3/index.html b/exercicio3/index.html
index 70817dc..92f583b 100644
--- a/exercicio3/index.html
+++ b/exercicio3/index.html
@@ -14,11 +14,11 @@ Jornal Labenu
- A coleção completa de manuais do Super Nintendo
+ SECTION AQUI A coleção completa de manuais do Super Nintendo
Acervo digital conta com 1.757 livretos que acompanharam os jogos lançados para o console da empresa japonesa.
+ src="https://www.estadao.com.br/resizer/v2/BSRFGPQARVI7ZHFPKHOT4RBE54.jpg?quality=80&auth=0fb141aba7938edf2932f0dafbc63165c3151231df494465528ad86ffa466ad9&width=768&height=542&focal=0,0" />
Lançado em 1990, o Super Nintendo foi um dos videogames mais populares da história. Foram 49 milhões de
consoles vendidos no mundo todo entre sua chegada ao mercado e o fim da produção em 2003.
@@ -28,7 +28,7 @@
Acervo digital conta com 1.757 livretos que acompanharam os jogos lançados
formato PDF, disponível para download gratuito.
- Leia mais
+ AQUI COMEÇA ASIDE Leia mais
Um documentário totalmente gravado em realidade virtual
por Kelly Ribeiro
diff --git a/exercicio3/style.css b/exercicio3/style.css
index a2d4d85..1fbc152 100644
--- a/exercicio3/style.css
+++ b/exercicio3/style.css
@@ -1,3 +1,8 @@
+html {
+font-size: 10px;
+
+}
+
*{
padding: 0;
margin: 0;
@@ -7,24 +12,36 @@ header{
}
main {
font-family: Helvetica;
-
+width: 100vw;
+background-color: blueviolet;
+padding: 0px;
+font-size: 20px;
}
section{
- float: left;
+ /* float: left; */
/*float é uma propriedade que permite deixar elementos à direita ou à esquerda da tela. Não costuma ser usado. Aqui, é usado apenas para ilustrar diferenças.*/
- width: 840px;
- padding: 40px;
+ max-width: 70vw;
+ padding: 0px;
+ min-height: 60vh;
+ background-color: aqua;
+ font-size: 2rem;
+}
+
+img {
+width: 60%;
+
}
aside{
- float:right;
+ /* float:right; */
/*float é uma propriedade que permite deixar elementos à direita ou à esquerda da tela. Não costuma ser usado. Aqui, é usado apenas para ilustrar diferenças.*/
padding: 20px;
- width: 340px;
+ width: 600px;
+ background-color: burlywood;
}
article{
margin: 10px 0;
-}
\ No newline at end of file
+}