labenuexercicios · arefdeveloper91 · Dec 6, 2023
diff --git a/exercicio1/index.html b/exercicio1/index.html
@@ -5,6 +5,7 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CSS I - Prática Guiada 1</title>
+   <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
@@ -14,12 +15,12 @@ <h1 id="titulo-importante">Este é o título principal da página</h1>
    </header>
    <main>
       <h2 class="sub-titulo">Este é o subtítulo, que guarda as seções</h2>
-      <section>
-         <h3 class="titulo-secao">Este é o título da seção</h3>
+      <section class="titulo-secao">
+         <h3>Este é o título da seção</h3>
          <p class="texto-generico">Este é o conteúdo da seção</p>
       </section>
-      <section>
-         <h4 class="titulo-secao">Este é o título da seção</h4>
+      <section class="titulo-secao">
+         <h4 >Este é o título da seção</h4>
          <span class="texto-generico">Este é o conteúdo da seção</span>
       </section>
    </main>

diff --git 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;
+
+
+}
diff --git a/exercicio2/index.html b/exercicio2/index.html
@@ -5,6 +5,7 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title> CSS I - Prática Guiada 2</title>
+   <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
@@ -18,7 +19,7 @@
 
    <span class="bordado">Quero ter uma borda legal, preta com um pixel de largura</span>
 
-   <span class="sumido">Quero ficar invisível!</span>
+   <span class="sumido">Quero ficar invisível!</span>  
 </body>
 
 </html>
diff --git 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 ;
+
   }
diff --git a/exercicio3/index.html b/exercicio3/index.html
@@ -5,6 +5,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>CSS I - Prática Guiada 3</title>
+  <link rel="stylesheet" href="style.css">
 </head>
 
 <body>

diff --git 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{