diff --git a/colapsoMargenes.html b/colapsoMargenes.html new file mode 100644 index 0000000..fa680f3 --- /dev/null +++ b/colapsoMargenes.html @@ -0,0 +1,26 @@ + + + + + + + Document + + + +
+ +
Sebas
+
Cabascango
+
+ + \ No newline at end of file diff --git a/cssGrid.html b/cssGrid.html new file mode 100644 index 0000000..bdc4bab --- /dev/null +++ b/cssGrid.html @@ -0,0 +1,47 @@ + + + + + + + Document + + + +
+
+
+
+
+ +
+ + \ No newline at end of file diff --git a/display.css b/display.css new file mode 100644 index 0000000..e69de29 diff --git a/display.html b/display.html new file mode 100644 index 0000000..6d56872 --- /dev/null +++ b/display.html @@ -0,0 +1,27 @@ + + + + + + + Document + + + +
Bloque
+ inline + + \ No newline at end of file diff --git a/especificidad.css b/especificidad.css new file mode 100644 index 0000000..e69de29 diff --git a/especificidad.html b/especificidad.html new file mode 100644 index 0000000..0ebdbde --- /dev/null +++ b/especificidad.html @@ -0,0 +1,20 @@ + + + + + + + Document + + + +
Fronted Developer
+ + \ No newline at end of file diff --git a/flexbox.html b/flexbox.html new file mode 100644 index 0000000..643bff3 --- /dev/null +++ b/flexbox.html @@ -0,0 +1,38 @@ + + + + + + + FlexBox + + + +
+
+
+
+
+
+ + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..2a4e0ce --- /dev/null +++ b/index.html @@ -0,0 +1,20 @@ + + + + + + + Document + + +
+

Platzi

+

Tiene una comunidad

+ +
+ + \ No newline at end of file diff --git a/posicionamiento.html b/posicionamiento.html new file mode 100644 index 0000000..911fc89 --- /dev/null +++ b/posicionamiento.html @@ -0,0 +1,276 @@ + + + + + + + Posicionamiento + + + + +
+
+ +
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + m ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + m ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + m ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + m ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Culpa aut excepturi necessitatibus dolor, non vero vitae optio adipisci obcaecati perspiciatis sapiente veritatis at quos exercitationem + ab doloremque a, similique officiis. +

+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/propiedades_mas_usadas.html b/propiedades_mas_usadas.html new file mode 100644 index 0000000..d18e7d0 --- /dev/null +++ b/propiedades_mas_usadas.html @@ -0,0 +1,50 @@ + + + + + + + Pro-mas usadas + + + +
+

Me: Sebas

+

Love

+
+
+
+ person + +
+ + + +
+ + \ No newline at end of file diff --git a/responsivedsg.html b/responsivedsg.html new file mode 100644 index 0000000..ff16514 --- /dev/null +++ b/responsivedsg.html @@ -0,0 +1,24 @@ + + + + + + + Document + + + +
+ Sebas Renato +
+ + \ No newline at end of file diff --git a/selectores-1.css b/selectores-1.css new file mode 100644 index 0000000..d41cf9b --- /dev/null +++ b/selectores-1.css @@ -0,0 +1,25 @@ +div p{ + color: Lime; +} +/* hijo adyacente */ +div + div{ +color: chocolate; +} +/* hijo directo */ +div > div{ + background:plum; +} + +.hijodirt{ + background: red; +} + + + +/* general de hermanos */ +div ~p{ +color: powderblue; +} +div~section{ + background: palevioletred; +} \ No newline at end of file diff --git a/selectores-1.html b/selectores-1.html new file mode 100644 index 0000000..a92a765 --- /dev/null +++ b/selectores-1.html @@ -0,0 +1,27 @@ + + + + + + + + Document + + +
+

Selector

+
hijo directo
+ +
+ +
+ Elemento adyacente +
+

General de hermanos

+

General de hermanos

+
+ Selector adiacente +
+ + + \ No newline at end of file diff --git a/selectores-seudo.css b/selectores-seudo.css new file mode 100644 index 0000000..b481c09 --- /dev/null +++ b/selectores-seudo.css @@ -0,0 +1,28 @@ +p{ + color:salmon; +} + +/* .fletter p::first-letter{ + color: blue; +}*/ +p::after{ + content: "💪"; +} +p::before{ + content: "😊"; +} +p::first-letter{ + /* content: "💪: "; */ + color: teal; +} +p:hover{ + color: aqua; + background-color: blue; + border-radius: 10px; +} +/* nth-child(numero de hijo que quiero tenga esta propieda) */ +div p:nth-child(2){ + color: violet; + background-color: brown; + will-change: auto; +} \ No newline at end of file diff --git a/selectores-seudo.html b/selectores-seudo.html new file mode 100644 index 0000000..bf03c81 --- /dev/null +++ b/selectores-seudo.html @@ -0,0 +1,19 @@ + + + + + + + + Seudo Clases y SeudoElementos + + + +

Hover

+
+

nth-child

+

nth-child 2

+

nth-child 3

+
+ + \ No newline at end of file diff --git a/semantic.html b/semantic.html new file mode 100644 index 0000000..42d9503 --- /dev/null +++ b/semantic.html @@ -0,0 +1,31 @@ + + + + + + + Document + + + +
+
+ Cat +
+
+

Cats

+

Cats are awesome

+
+
+
+ + +
+ Go + + \ No newline at end of file diff --git a/unidades_medida.html b/unidades_medida.html new file mode 100644 index 0000000..8144192 --- /dev/null +++ b/unidades_medida.html @@ -0,0 +1,37 @@ + + + + + + + Unidades de medida + + + +
Sebas
+

Master

+
+ +
+ + \ No newline at end of file diff --git a/z_index.html b/z_index.html new file mode 100644 index 0000000..41cb31c --- /dev/null +++ b/z_index.html @@ -0,0 +1,49 @@ + + + + + + + Document + + + + +
+
Red
+
Blue +
Yellow
+
+
+ + \ No newline at end of file