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 diff --git a/style.css b/style.css new file mode 100644 index 0000000..e69de29