From 28db66fe4a8ba60310285067eeb0c0b89c96024c Mon Sep 17 00:00:00 2001 From: arefdeveloper91 Date: Wed, 6 Dec 2023 11:58:46 -0300 Subject: [PATCH] vamo turma --- exercicio1/index.html | 9 +++++---- exercicio1/style.css | 25 +++++++++++++++++++++++++ exercicio2/index.html | 3 ++- exercicio2/style.css | 10 +++++++++- exercicio3/index.html | 1 + exercicio3/style.css | 12 ++++++++---- 6 files changed, 50 insertions(+), 10 deletions(-) diff --git a/exercicio1/index.html b/exercicio1/index.html index 8f6a6bb..4de63a8 100644 --- a/exercicio1/index.html +++ b/exercicio1/index.html @@ -5,6 +5,7 @@ CSS I - Prática Guiada 1 + @@ -14,12 +15,12 @@

Este é o título principal da página

Este é o subtítulo, que guarda as seções

-
-

Este é o título da seção

+
+

Este é o título da seção

Este é o conteúdo da seção

-
-

Este é o título da seção

+
+

Este é o título da seção

Este é o conteúdo da seção
diff --git a/exercicio1/style.css b/exercicio1/style.css index e69de29..38d45f1 100644 --- a/exercicio1/style.css +++ b/exercicio1/style.css @@ -0,0 +1,25 @@ +#titulo-importante{ +background-color:blue; + +} + +.sub-titulo{ + +background-color: yellow; + +} + +.titulo-secao{ + +background-color:green; + +} + +.titulo-pouco-importante{ + +background-color:black; +color: white; +font-weight: bold; + + +} \ No newline at end of file diff --git a/exercicio2/index.html b/exercicio2/index.html index a384b6d..b652fcc 100644 --- a/exercicio2/index.html +++ b/exercicio2/index.html @@ -5,6 +5,7 @@ CSS I - Prática Guiada 2 + @@ -18,7 +19,7 @@ Quero ter uma borda legal, preta com um pixel de largura - Quero ficar invisível! + Quero ficar invisível! \ No newline at end of file diff --git a/exercicio2/style.css b/exercicio2/style.css index a3b7f1e..869f034 100644 --- a/exercicio2/style.css +++ b/exercicio2/style.css @@ -1,22 +1,30 @@ .longe-bordas{ background-color: #FFA6A9; + padding:10px; + } .afastado{ background-color: #77C0ED; + margin-left: 400px; } .alto{ background-color: #C3E887; + height: 300px; } .largo{ background-color: #FFE396; + width: 500px; + } .bordado{ background-color: #AF9BCC; + border: #FFE396 solid 10px; } .sumido{ - + color:white ; + } \ No newline at end of file diff --git a/exercicio3/index.html b/exercicio3/index.html index c8ddb22..9d739bf 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..a691ebd 100644 --- a/exercicio3/style.css +++ b/exercicio3/style.css @@ -1,23 +1,27 @@ *{ padding: 0; margin: 0; + font-family: Arial, Helvetica, sans-serif; + } -header{ - +main{ + width:800px; } section{ 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; + width: 60vw; padding: 40px; + + } aside{ 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: 50%; } article{