From b5606467b41bcf70f439feba16618c56fad7dcf4 Mon Sep 17 00:00:00 2001 From: socrampontes <114445301+socrampontes@users.noreply.github.com> Date: Mon, 12 Dec 2022 22:12:14 -0300 Subject: [PATCH 1/2] template cssI --- exercicio1/index.html | 2 +- exercicio1/style.css | 22 ++++++++++++++++++++++ exercicio2/style.css | 12 +++++++++++- exercicio3/style.css | 19 ++++++++++++++----- fixacao/index.html | 2 +- fixacao/style.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 92 insertions(+), 8 deletions(-) diff --git a/exercicio1/index.html b/exercicio1/index.html index fc775a9..a4f9112 100644 --- a/exercicio1/index.html +++ b/exercicio1/index.html @@ -5,8 +5,8 @@ CSS - prática guiada 1 + -
diff --git a/exercicio1/style.css b/exercicio1/style.css index e69de29..920a835 100644 --- a/exercicio1/style.css +++ b/exercicio1/style.css @@ -0,0 +1,22 @@ +h1{ + background-color: blue; + color: white; +} + +h2{ +background-color: yellow; +color: black; +} + +section{ +background-color: green; +} + +.titulo-secao{ + color: white; +} + +footer{ +background-color: black; +color: white; +} \ No newline at end of file diff --git a/exercicio2/style.css b/exercicio2/style.css index a3b7f1e..f22f624 100644 --- a/exercicio2/style.css +++ b/exercicio2/style.css @@ -1,22 +1,32 @@ .longe-bordas{ background-color: #FFA6A9; + margin: 70px; + padding:0 70px; } .afastado{ background-color: #77C0ED; + margin: 70px; + padding: 0 70px; + } .alto{ background-color: #C3E887; + height: 300px; } .largo{ background-color: #FFE396; + width: 500px; + } .bordado{ background-color: #AF9BCC; + border: 10px outset white; + } .sumido{ - +display: none; } \ No newline at end of file diff --git a/exercicio3/style.css b/exercicio3/style.css index 10c8270..af7bc92 100644 --- a/exercicio3/style.css +++ b/exercicio3/style.css @@ -2,22 +2,31 @@ padding: 0; margin: 0; } + header{ } +main{ +font-family: Helvetica; +background-color: blueviolet; +} + section{ - float: left; + image-rendering: auto; + 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; + width: 80vw; + padding: 4rem; + background-color: blue; } 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; + padding: 5% 20%; + width: 20%; + background-color: brown; } article{ diff --git a/fixacao/index.html b/fixacao/index.html index 32dd50d..36c4e84 100644 --- a/fixacao/index.html +++ b/fixacao/index.html @@ -65,7 +65,7 @@

Central do Brasil (1998) — Globoplay

diff --git a/fixacao/style.css b/fixacao/style.css index e69de29..61ef895 100644 --- a/fixacao/style.css +++ b/fixacao/style.css @@ -0,0 +1,43 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +header { + height: 4rem; + padding: 10px; + border-bottom: 2px solid black; + background-color: orange; +} + +main { + margin: 15px; + padding: 20px 30px; + + width: 100vw; + height: 100vh; +} + +article { + margin: 25px 0; +} + + +h2 { + font-family: Arial; + +} +p { + font-family: Helvetica; +} + +.destaque { + color: orange; +} + +footer { + height: 4rem; + padding: 10px; + background-color: rgb(214, 212, 212); + } \ No newline at end of file From 0ca2a830d6c874435211b04f93b297d0c8d23d5d Mon Sep 17 00:00:00 2001 From: OitaloDev Date: Mon, 9 Jan 2023 18:19:56 -0300 Subject: [PATCH 2/2] template-CSS-1 --- style.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 style.css diff --git a/style.css b/style.css new file mode 100644 index 0000000..e69de29