diff --git a/index.html b/index.html
index 4ad4ffff6..9eebcf5ab 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,24 @@
-
+
-
-
-
- Static Template
+
+
+
+ Aprendendo CSS
+
- This is a static template, there is no bundler or bundling involved!
+ Aplicando estilo (body)
+
+
+ Sou a MAIN
+
+ TÃtulo da Section Container
+
+
+
+
+
+
-
\ No newline at end of file
+
diff --git a/package.json b/package.json
index 229967170..6fd465d90 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
- "name": "static",
+ "name": "aprendendo-css",
"version": "1.0.0",
- "description": "This is a static template with no bundling",
+ "description": "",
"main": "index.html",
"scripts": {
"start": "serve",
@@ -11,11 +11,7 @@
"type": "git",
"url": "git+https://github.com/codesandbox-app/static-template.git"
},
- "keywords": [
- "static",
- "template",
- "codesandbox"
- ],
+ "keywords": [],
"author": "Ives van Hoorne",
"license": "MIT",
"bugs": {
@@ -25,4 +21,4 @@
"devDependencies": {
"serve": "^11.2.0"
}
-}
+}
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 000000000..f6bcac6c5
--- /dev/null
+++ b/style.css
@@ -0,0 +1,54 @@
+/*
+pesos
+0. * (seletor universal) tem o menor peso
+
+1. tag (type selector)
+
+10. class e attribute selector
+
+100. id selector
+
+
+*/
+
+body {
+ background-color: cornsilk;
+}
+
+* {
+ margin: 3;
+}
+
+main {
+ width: 450px;
+ height: 300px;
+ border: solid burlywood;
+}
+
+#container {
+ width: 200px;
+ height: 220px;
+ border: solid brown;
+}
+
+.box1 {
+ width: 50px;
+ height: 20px;
+ background-color: chocolate;
+}
+
+.box2 {
+ width: 50px;
+ height: 20px;
+ background-color: orange;
+}
+
+.box3 {
+ width: 50px;
+ height: 20px;
+ background-color: goldenrod;
+}
+
+p {
+ color: white;
+}