diff --git a/boxModel.html b/boxModel.html
new file mode 100644
index 0000000..f9c0787
--- /dev/null
+++ b/boxModel.html
@@ -0,0 +1,27 @@
+
+
+
+ BOX MODEL
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor.
+
+
+
\ No newline at end of file
diff --git a/form.html b/form.html
index 2a62c7f..8e67d71 100644
--- a/form.html
+++ b/form.html
@@ -1,24 +1,65 @@
+
-
-
+
\ No newline at end of file
diff --git a/meuarquivo.css b/meuarquivo.css
index ddcab27..dac1119 100644
--- a/meuarquivo.css
+++ b/meuarquivo.css
@@ -1,36 +1,70 @@
-/* ID */
-#unico{
- background: #CC0000;
-}
-/* TAG */
+/*regra de css voltada para tag*/
div{
color: red;
background: #ECECEC;
padding: 20px;
text-align: center;
}
-/* CLASS */
+
+/*regra de css voltada para classe*/
.textoExemplo{
- background: #0000CC;
+ color: blue;
+ background: #ff7979;
+ padding: 20px;
+ text-align: center;
+}
+
+/*regra de css voltada para id*/
+#unico{
+ color: green;
+ background: #cc0000;
+ padding: 20px;
+ text-align: center;
+}
+
+/*regra de css para a classe artigo*/
+.artigo{
+ color: black;
+ background: white;
+ padding: 5px;
+ text-align: left
}
+
+/*regra de css para a classe cabecalho*/
.cabecalho{
- color: blue;
+ color: red;
+ background: white;
+ padding: 5px;
text-align: center;
- background: #aaa;
}
+
+/*regra de css para a classe cabecalho que está dentro de artigo*/
.artigo .cabecalho{
- color: green;
+ color: gray;
+ background: yellow;
text-align: left;
}
-.artigo .cabecalho h3{
-}
+/*regra de css para a classe p que está dentro de artigo*/
.artigo p{
+ color: black;
+ background: white;
+ padding: 5px;
+ text-align: left
}
-.artigo .rodape{
-}
+/*regra de css para a div a que está dentro de rodape que está dentro de artigo*/
.artigo .rodape a{
+ background: red;
+}
+/*regra de css para a tag h2 que está dentro de cabecalho que está dentro de artigo*/
+.cabecalho h2{
+ color: red;
+ background: black;
+ padding: 0px;
+ text-align: center;
}
+
+
diff --git a/posicionamentos.html b/posicionamentos.html
new file mode 100644
index 0000000..ee3b7d9
--- /dev/null
+++ b/posicionamentos.html
@@ -0,0 +1,71 @@
+
+
+
+ Positions
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua.
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua.
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua.
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
\ No newline at end of file
diff --git a/trabalhandoComCss.html b/trabalhandoComCss.html
new file mode 100644
index 0000000..8b4f38f
--- /dev/null
+++ b/trabalhandoComCss.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+ Trabalhando com CSS
+
+
+
Um baita título
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+
RECEITAS
+
+
+
+
+
ARROZ COM FEIJÃO
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.